#CECAD5 - #FFECCF | 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 #CECAD5 to #FFECCF

#CECAD5 #FFECCF

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

#CECAD5 - #FFECCF | 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 #CECAD5 as 0% and #FFECCF as 100%.

0.0%	0.0% #CECAD5	RGB 206 202 213	#CECAD5
16.7%	16.7% #D6CFD4	RGB 214 207 212	#D6CFD4
33.3%	33.3% #DED5D3	RGB 222 213 211	#DED5D3
50.0%	50.0% #E6DBD2	RGB 230 219 210	#E6DBD2
66.7%	66.7% #EEE0D1	RGB 238 224 209	#EEE0D1
83.3%	83.3% #F6E6D0	RGB 246 230 208	#F6E6D0
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#CECAD5 #D6CFD4 #DED5D3 #E6DBD2 #EEE0D1 #F6E6D0 #FFECCF

#CECAD5 - #FFECCF

HSV Blend

#CECAD5 - #FFECCF | 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 #CECAD5 as 0% and #FFECCF as 100%.

0.0%	0.0% #CECAD5	RGB 206 202 213	#CECAD5
16.7%	16.7% #D7CBDC	RGB 215 203 220	#D7CBDC
33.3%	33.3% #E3CCE0	RGB 227 204 224	#E3CCE0
50.0%	50.0% #EACDDC	RGB 234 205 220	#EACDDC
66.7%	66.7% #F1CED3	RGB 241 206 211	#F1CED3
83.3%	83.3% #F8D8CE	RGB 248 216 206	#F8D8CE
100.0%	100.0% #FFECCF	RGB 255 236 207	#FFECCF

#CECAD5 #D7CBDC #E3CCE0 #EACDDC #F1CED3 #F8D8CE #FFECCF

#CECAD5 - #EACDDC - #FFECCF

CSS codes

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

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