#C2CBCF - #E9E5DB | 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 #C2CBCF to #E9E5DB

#C2CBCF #E9E5DB

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

#C2CBCF - #E9E5DB | 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 #C2CBCF as 0% and #E9E5DB as 100%.

0.0%	0.0% #C2CBCF	RGB 194 203 207	#C2CBCF
16.7%	16.7% #C8CFD1	RGB 200 207 209	#C8CFD1
33.3%	33.3% #CFD3D3	RGB 207 211 211	#CFD3D3
50.0%	50.0% #D5D8D5	RGB 213 216 213	#D5D8D5
66.7%	66.7% #DCDCD7	RGB 220 220 215	#DCDCD7
83.3%	83.3% #E2E0D9	RGB 226 224 217	#E2E0D9
100.0%	100.0% #E9E5DB	RGB 233 229 219	#E9E5DB

#C2CBCF #C8CFD1 #CFD3D3 #D5D8D5 #DCDCD7 #E2E0D9 #E9E5DB

#C2CBCF - #E9E5DB

HSV Blend

#C2CBCF - #E9E5DB | 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 #C2CBCF as 0% and #E9E5DB as 100%.

0.0%	0.0% #C2CBCF	RGB 194 203 207	#C2CBCF
16.7%	16.7% #C6D3D1	RGB 198 211 209	#C6D3D1
33.3%	33.3% #CAD7D0	RGB 202 215 208	#CAD7D0
50.0%	50.0% #CEDCCE	RGB 206 220 206	#CEDCCE
66.7%	66.7% #D8E0D2	RGB 216 224 210	#D8E0D2
83.3%	83.3% #E2E4D6	RGB 226 228 214	#E2E4D6
100.0%	100.0% #E9E5DB	RGB 233 229 219	#E9E5DB

#C2CBCF #C6D3D1 #CAD7D0 #CEDCCE #D8E0D2 #E2E4D6 #E9E5DB

#C2CBCF - #CEDCCE - #E9E5DB

CSS codes

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

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