#C7DBE3 - #CBE6D9 | 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 #C7DBE3 to #CBE6D9

#C7DBE3 #CBE6D9

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

#C7DBE3 - #CBE6D9 | 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 #C7DBE3 as 0% and #CBE6D9 as 100%.

0.0%	0.0% #C7DBE3	RGB 199 219 227	#C7DBE3
16.7%	16.7% #C7DCE1	RGB 199 220 225	#C7DCE1
33.3%	33.3% #C8DEDF	RGB 200 222 223	#C8DEDF
50.0%	50.0% #C9E0DE	RGB 201 224 222	#C9E0DE
66.7%	66.7% #C9E2DC	RGB 201 226 220	#C9E2DC
83.3%	83.3% #CAE4DA	RGB 202 228 218	#CAE4DA
100.0%	100.0% #CBE6D9	RGB 203 230 217	#CBE6D9

#C7DBE3 #C7DCE1 #C8DEDF #C9E0DE #C9E2DC #CAE4DA #CBE6D9

#C7DBE3 - #CBE6D9

HSV Blend

#C7DBE3 - #CBE6D9 | 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 #C7DBE3 as 0% and #CBE6D9 as 100%.

0.0%	0.0% #C7DBE3	RGB 199 219 227	#C7DBE3
16.7%	16.7% #C7DFE3	RGB 199 223 227	#C7DFE3
33.3%	33.3% #C8E3E4	RGB 200 227 228	#C8E3E4
50.0%	50.0% #C8E4E1	RGB 200 228 225	#C8E4E1
66.7%	66.7% #C9E5DE	RGB 201 229 222	#C9E5DE
83.3%	83.3% #CAE5DB	RGB 202 229 219	#CAE5DB
100.0%	100.0% #CBE6D9	RGB 203 230 217	#CBE6D9

#C7DBE3 #C7DFE3 #C8E3E4 #C8E4E1 #C9E5DE #CAE5DB #CBE6D9

#C7DBE3 - #C8E4E1 - #CBE6D9

CSS codes

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

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