#CFBDD3 - #DFEEE3 | 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 #CFBDD3 to #DFEEE3

#CFBDD3 #DFEEE3

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

#CFBDD3 - #DFEEE3 | 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 #CFBDD3 as 0% and #DFEEE3 as 100%.

0.0%	0.0% #CFBDD3	RGB 207 189 211	#CFBDD3
16.7%	16.7% #D1C5D5	RGB 209 197 213	#D1C5D5
33.3%	33.3% #D4CDD8	RGB 212 205 216	#D4CDD8
50.0%	50.0% #D7D5DB	RGB 215 213 219	#D7D5DB
66.7%	66.7% #D9DDDD	RGB 217 221 221	#D9DDDD
83.3%	83.3% #DCE5E0	RGB 220 229 224	#DCE5E0
100.0%	100.0% #DFEEE3	RGB 223 238 227	#DFEEE3

#CFBDD3 #D1C5D5 #D4CDD8 #D7D5DB #D9DDDD #DCE5E0 #DFEEE3

#CFBDD3 - #DFEEE3

HSV Blend

#CFBDD3 - #DFEEE3 | 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 #CFBDD3 as 0% and #DFEEE3 as 100%.

0.0%	0.0% #CFBDD3	RGB 207 189 211	#CFBDD3
16.7%	16.7% #CAC2D7	RGB 202 194 215	#CAC2D7
33.3%	33.3% #C8C8DC	RGB 200 200 220	#C8C8DC
50.0%	50.0% #CDD6E0	RGB 205 214 224	#CDD6E0
66.7%	66.7% #D3E2E5	RGB 211 226 229	#D3E2E5
83.3%	83.3% #D9E9E4	RGB 217 233 228	#D9E9E4
100.0%	100.0% #DFEEE3	RGB 223 238 227	#DFEEE3

#CFBDD3 #CAC2D7 #C8C8DC #CDD6E0 #D3E2E5 #D9E9E4 #DFEEE3

#CFBDD3 - #CDD6E0 - #DFEEE3

CSS codes

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

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