#CEB8C1 - #DBECEE | 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 #CEB8C1 to #DBECEE

#CEB8C1 #DBECEE

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

#CEB8C1 - #DBECEE | 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 #CEB8C1 as 0% and #DBECEE as 100%.

0.0%	0.0% #CEB8C1	RGB 206 184 193	#CEB8C1
16.7%	16.7% #D0C0C8	RGB 208 192 200	#D0C0C8
33.3%	33.3% #D2C9D0	RGB 210 201 208	#D2C9D0
50.0%	50.0% #D4D2D7	RGB 212 210 215	#D4D2D7
66.7%	66.7% #D6DADF	RGB 214 218 223	#D6DADF
83.3%	83.3% #D8E3E6	RGB 216 227 230	#D8E3E6
100.0%	100.0% #DBECEE	RGB 219 236 238	#DBECEE

#CEB8C1 #D0C0C8 #D2C9D0 #D4D2D7 #D6DADF #D8E3E6 #DBECEE

#CEB8C1 - #DBECEE

HSV Blend

#CEB8C1 - #DBECEE | 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 #CEB8C1 as 0% and #DBECEE as 100%.

0.0%	0.0% #CEB8C1	RGB 206 184 193	#CEB8C1
16.7%	16.7% #D3BDCF	RGB 211 189 207	#D3BDCF
33.3%	33.3% #D3C3D8	RGB 211 195 216	#D3C3D8
50.0%	50.0% #D0C9DE	RGB 208 201 222	#D0C9DE
66.7%	66.7% #CFD0E3	RGB 207 208 227	#CFD0E3
83.3%	83.3% #D5DEE8	RGB 213 222 232	#D5DEE8
100.0%	100.0% #DBECEE	RGB 219 236 238	#DBECEE

#CEB8C1 #D3BDCF #D3C3D8 #D0C9DE #CFD0E3 #D5DEE8 #DBECEE

#CEB8C1 - #D0C9DE - #DBECEE

CSS codes

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

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