#C0C7E6 - #DBE1E3 | 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 #C0C7E6 to #DBE1E3

#C0C7E6 #DBE1E3

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

#C0C7E6 - #DBE1E3 | 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 #C0C7E6 as 0% and #DBE1E3 as 100%.

0.0%	0.0% #C0C7E6	RGB 192 199 230	#C0C7E6
16.7%	16.7% #C4CBE5	RGB 196 203 229	#C4CBE5
33.3%	33.3% #C9CFE5	RGB 201 207 229	#C9CFE5
50.0%	50.0% #CDD4E4	RGB 205 212 228	#CDD4E4
66.7%	66.7% #D2D8E4	RGB 210 216 228	#D2D8E4
83.3%	83.3% #D6DCE3	RGB 214 220 227	#D6DCE3
100.0%	100.0% #DBE1E3	RGB 219 225 227	#DBE1E3

#C0C7E6 #C4CBE5 #C9CFE5 #CDD4E4 #D2D8E4 #D6DCE3 #DBE1E3

#C0C7E6 - #DBE1E3

HSV Blend

#C0C7E6 - #DBE1E3 | 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 #C0C7E6 as 0% and #DBE1E3 as 100%.

0.0%	0.0% #C0C7E6	RGB 192 199 230	#C0C7E6
16.7%	16.7% #C4CDE5	RGB 196 205 229	#C4CDE5
33.3%	33.3% #C9D3E5	RGB 201 211 229	#C9D3E5
50.0%	50.0% #CDD8E4	RGB 205 216 228	#CDD8E4
66.7%	66.7% #D2DCE4	RGB 210 220 228	#D2DCE4
83.3%	83.3% #D6DFE3	RGB 214 223 227	#D6DFE3
100.0%	100.0% #DBE1E3	RGB 219 225 227	#DBE1E3

#C0C7E6 #C4CDE5 #C9D3E5 #CDD8E4 #D2DCE4 #D6DFE3 #DBE1E3

#C0C7E6 - #CDD8E4 - #DBE1E3

CSS codes

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

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