#CACCCE - #DBE1F0 | 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 #CACCCE to #DBE1F0

#CACCCE #DBE1F0

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

#CACCCE - #DBE1F0 | 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 #CACCCE as 0% and #DBE1F0 as 100%.

0.0%	0.0% #CACCCE	RGB 202 204 206	#CACCCE
16.7%	16.7% #CCCFD3	RGB 204 207 211	#CCCFD3
33.3%	33.3% #CFD3D9	RGB 207 211 217	#CFD3D9
50.0%	50.0% #D2D6DF	RGB 210 214 223	#D2D6DF
66.7%	66.7% #D5DAE4	RGB 213 218 228	#D5DAE4
83.3%	83.3% #D8DDEA	RGB 216 221 234	#D8DDEA
100.0%	100.0% #DBE1F0	RGB 219 225 240	#DBE1F0

#CACCCE #CCCFD3 #CFD3D9 #D2D6DF #D5DAE4 #D8DDEA #DBE1F0

#CACCCE - #DBE1F0

HSV Blend

#CACCCE - #DBE1F0 | 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 #CACCCE as 0% and #DBE1F0 as 100%.

0.0%	0.0% #CACCCE	RGB 202 204 206	#CACCCE
16.7%	16.7% #CDD0D3	RGB 205 208 211	#CDD0D3
33.3%	33.3% #D0D4D9	RGB 208 212 217	#D0D4D9
50.0%	50.0% #D3D7DF	RGB 211 215 223	#D3D7DF
66.7%	66.7% #D5DBE4	RGB 213 219 228	#D5DBE4
83.3%	83.3% #D8DEEA	RGB 216 222 234	#D8DEEA
100.0%	100.0% #DBE1F0	RGB 219 225 240	#DBE1F0

#CACCCE #CDD0D3 #D0D4D9 #D3D7DF #D5DBE4 #D8DEEA #DBE1F0

#CACCCE - #D3D7DF - #DBE1F0

CSS codes

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

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