#CECED5 - #FFCBCB | 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 #CECED5 to #FFCBCB

#CECED5 #FFCBCB

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

#CECED5 - #FFCBCB | 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 #CECED5 as 0% and #FFCBCB as 100%.

0.0%	0.0% #CECED5	RGB 206 206 213	#CECED5
16.7%	16.7% #D6CDD3	RGB 214 205 211	#D6CDD3
33.3%	33.3% #DECDD1	RGB 222 205 209	#DECDD1
50.0%	50.0% #E6CCD0	RGB 230 204 208	#E6CCD0
66.7%	66.7% #EECCCE	RGB 238 204 206	#EECCCE
83.3%	83.3% #F6CBCC	RGB 246 203 204	#F6CBCC
100.0%	100.0% #FFCBCB	RGB 255 203 203	#FFCBCB

#CECED5 #D6CDD3 #DECDD1 #E6CCD0 #EECCCE #F6CBCC #FFCBCB

#CECED5 - #FFCBCB

HSV Blend

#CECED5 - #FFCBCB | 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 #CECED5 as 0% and #FFCBCB as 100%.

0.0%	0.0% #CECED5	RGB 206 206 213	#CECED5
16.7%	16.7% #D2CEDC	RGB 210 206 220	#D2CEDC
33.3%	33.3% #DCCEE3	RGB 220 206 227	#DCCEE3
50.0%	50.0% #EACEEA	RGB 234 206 234	#EACEEA
66.7%	66.7% #F1CDE5	RGB 241 205 229	#F1CDE5
83.3%	83.3% #F8CCDA	RGB 248 204 218	#F8CCDA
100.0%	100.0% #FFCBCB	RGB 255 203 203	#FFCBCB

#CECED5 #D2CEDC #DCCEE3 #EACEEA #F1CDE5 #F8CCDA #FFCBCB

#CECED5 - #EACEEA - #FFCBCB

CSS codes

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

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