#C3CDEF - #DBE4E9 | 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 #C3CDEF to #DBE4E9

#C3CDEF #DBE4E9

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

#C3CDEF - #DBE4E9 | 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 #C3CDEF as 0% and #DBE4E9 as 100%.

0.0%	0.0% #C3CDEF	RGB 195 205 239	#C3CDEF
16.7%	16.7% #C7D0EE	RGB 199 208 238	#C7D0EE
33.3%	33.3% #CBD4ED	RGB 203 212 237	#CBD4ED
50.0%	50.0% #CFD8EC	RGB 207 216 236	#CFD8EC
66.7%	66.7% #D3DCEB	RGB 211 220 235	#D3DCEB
83.3%	83.3% #D7E0EA	RGB 215 224 234	#D7E0EA
100.0%	100.0% #DBE4E9	RGB 219 228 233	#DBE4E9

#C3CDEF #C7D0EE #CBD4ED #CFD8EC #D3DCEB #D7E0EA #DBE4E9

#C3CDEF - #DBE4E9

HSV Blend

#C3CDEF - #DBE4E9 | 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 #C3CDEF as 0% and #DBE4E9 as 100%.

0.0%	0.0% #C3CDEF	RGB 195 205 239	#C3CDEF
16.7%	16.7% #C7D2EE	RGB 199 210 238	#C7D2EE
33.3%	33.3% #CBD7ED	RGB 203 215 237	#CBD7ED
50.0%	50.0% #CFDBEC	RGB 207 219 236	#CFDBEC
66.7%	66.7% #D3DFEB	RGB 211 223 235	#D3DFEB
83.3%	83.3% #D7E1EA	RGB 215 225 234	#D7E1EA
100.0%	100.0% #DBE4E9	RGB 219 228 233	#DBE4E9

#C3CDEF #C7D2EE #CBD7ED #CFDBEC #D3DFEB #D7E1EA #DBE4E9

#C3CDEF - #CFDBEC - #DBE4E9

CSS codes

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

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