#ECD5E8 - #D085CB | 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 #ECD5E8 to #D085CB

#ECD5E8 #D085CB

Calculate the color between two colors, #ECD5E8 and #D085CB. 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)

#ECD5E8 - #D085CB | 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 #ECD5E8 as 0% and #D085CB as 100%.

0.0%	0.0% #ECD5E8	RGB 236 213 232	#ECD5E8
16.7%	16.7% #E7C7E3	RGB 231 199 227	#E7C7E3
33.3%	33.3% #E2BADE	RGB 226 186 222	#E2BADE
50.0%	50.0% #DEADD9	RGB 222 173 217	#DEADD9
66.7%	66.7% #D99FD4	RGB 217 159 212	#D99FD4
83.3%	83.3% #D492CF	RGB 212 146 207	#D492CF
100.0%	100.0% #D085CB	RGB 208 133 203	#D085CB

#ECD5E8 #E7C7E3 #E2BADE #DEADD9 #D99FD4 #D492CF #D085CB

#ECD5E8 - #D085CB

HSV Blend

#ECD5E8 - #D085CB | 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 #ECD5E8 as 0% and #D085CB as 100%.

0.0%	0.0% #ECD5E8	RGB 236 213 232	#ECD5E8
16.7%	16.7% #E7C6E2	RGB 231 198 226	#E7C6E2
33.3%	33.3% #E2B8DC	RGB 226 184 220	#E2B8DC
50.0%	50.0% #DEABD7	RGB 222 171 215	#DEABD7
66.7%	66.7% #D99ED3	RGB 217 158 211	#D99ED3
83.3%	83.3% #D491CE	RGB 212 145 206	#D491CE
100.0%	100.0% #D085CB	RGB 208 133 203	#D085CB

#ECD5E8 #E7C6E2 #E2B8DC #DEABD7 #D99ED3 #D491CE #D085CB

#ECD5E8 - #DEABD7 - #D085CB

CSS codes

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

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