#C2D1D3 - #CAECD0 | 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 #C2D1D3 to #CAECD0

#C2D1D3 #CAECD0

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

#C2D1D3 - #CAECD0 | 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 #C2D1D3 as 0% and #CAECD0 as 100%.

0.0%	0.0% #C2D1D3	RGB 194 209 211	#C2D1D3
16.7%	16.7% #C3D5D2	RGB 195 213 210	#C3D5D2
33.3%	33.3% #C4DAD2	RGB 196 218 210	#C4DAD2
50.0%	50.0% #C6DED1	RGB 198 222 209	#C6DED1
66.7%	66.7% #C7E3D1	RGB 199 227 209	#C7E3D1
83.3%	83.3% #C8E7D0	RGB 200 231 208	#C8E7D0
100.0%	100.0% #CAECD0	RGB 202 236 208	#CAECD0

#C2D1D3 #C3D5D2 #C4DAD2 #C6DED1 #C7E3D1 #C8E7D0 #CAECD0

#C2D1D3 - #CAECD0

HSV Blend

#C2D1D3 - #CAECD0 | 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 #C2D1D3 as 0% and #CAECD0 as 100%.

0.0%	0.0% #C2D1D3	RGB 194 209 211	#C2D1D3
16.7%	16.7% #C3D7D6	RGB 195 215 214	#C3D7D6
33.3%	33.3% #C5DBD6	RGB 197 219 214	#C5DBD6
50.0%	50.0% #C6DFD6	RGB 198 223 214	#C6DFD6
66.7%	66.7% #C7E3D5	RGB 199 227 213	#C7E3D5
83.3%	83.3% #C8E7D3	RGB 200 231 211	#C8E7D3
100.0%	100.0% #CAECD0	RGB 202 236 208	#CAECD0

#C2D1D3 #C3D7D6 #C5DBD6 #C6DFD6 #C7E3D5 #C8E7D3 #CAECD0

#C2D1D3 - #C6DFD6 - #CAECD0

CSS codes

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

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