#E69FD3 - #BB308B | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #E69FD3 to #BB308B

#E69FD3 #BB308B

Calculate the color between two colors, #E69FD3 and #BB308B. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#E69FD3 - #BB308B | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #E69FD3 as 0% and #BB308B as 100%.

0.0%	0.0% #E69FD3	RGB 230 159 211	#E69FD3
16.7%	16.7% #DE8CC7	RGB 222 140 199	#DE8CC7
33.3%	33.3% #D77ABB	RGB 215 122 187	#D77ABB
50.0%	50.0% #D067AF	RGB 208 103 175	#D067AF
66.7%	66.7% #C955A3	RGB 201 85 163	#C955A3
83.3%	83.3% #C24297	RGB 194 66 151	#C24297
100.0%	100.0% #BB308B	RGB 187 48 139	#BB308B

#E69FD3 #DE8CC7 #D77ABB #D067AF #C955A3 #C24297 #BB308B

#E69FD3 - #BB308B

HSV Blend

#E69FD3 - #BB308B | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #E69FD3 as 0% and #BB308B as 100%.

0.0%	0.0% #E69FD3	RGB 230 159 211	#E69FD3
16.7%	16.7% #DE89C7	RGB 222 137 199	#DE89C7
33.3%	33.3% #D775BA	RGB 215 117 186	#D775BA
50.0%	50.0% #D062AE	RGB 208 98 174	#D062AE
66.7%	66.7% #C950A2	RGB 201 80 162	#C950A2
83.3%	83.3% #C23F96	RGB 194 63 150	#C23F96
100.0%	100.0% #BB308B	RGB 187 48 139	#BB308B

#E69FD3 #DE89C7 #D775BA #D062AE #C950A2 #C23F96 #BB308B

#E69FD3 - #D062AE - #BB308B

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #E69FD3 0%, #BB308B 100%);
    background: -webkit-linear-gradient(top, #E69FD3 0%, #BB308B 100%);
    background: linear-gradient(to bottom, #E69FD3 0%, #BB308B 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E69FD3 0%, #D062AE 50%, #BB308B 100%);
    background: -webkit-linear-gradient(top, #E69FD3 0%, #D062AE 50%, #BB308B 100%);
    background: linear-gradient(to bottom, #E69FD3 0%, #D062AE 50%, #BB308B 100%);
}
</style>