#C7DEE5 - #638DB5 | 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 #C7DEE5 to #638DB5

#C7DEE5 #638DB5

Calculate the color between two colors, #C7DEE5 and #638DB5. 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)

#C7DEE5 - #638DB5 | 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 #C7DEE5 as 0% and #638DB5 as 100%.

0.0%	0.0% #C7DEE5	RGB 199 222 229	#C7DEE5
16.7%	16.7% #B6D0DD	RGB 182 208 221	#B6D0DD
33.3%	33.3% #A5C3D5	RGB 165 195 213	#A5C3D5
50.0%	50.0% #95B5CD	RGB 149 181 205	#95B5CD
66.7%	66.7% #84A8C5	RGB 132 168 197	#84A8C5
83.3%	83.3% #739ABD	RGB 115 154 189	#739ABD
100.0%	100.0% #638DB5	RGB 99 141 181	#638DB5

#C7DEE5 #B6D0DD #A5C3D5 #95B5CD #84A8C5 #739ABD #638DB5

#C7DEE5 - #638DB5

HSV Blend

#C7DEE5 - #638DB5 | 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 #C7DEE5 as 0% and #638DB5 as 100%.

0.0%	0.0% #C7DEE5	RGB 199 222 229	#C7DEE5
16.7%	16.7% #B4D1DD	RGB 180 209 221	#B4D1DD
33.3%	33.3% #A2C4D5	RGB 162 196 213	#A2C4D5
50.0%	50.0% #91B7CD	RGB 145 183 205	#91B7CD
66.7%	66.7% #80A9C5	RGB 128 169 197	#80A9C5
83.3%	83.3% #719BBD	RGB 113 155 189	#719BBD
100.0%	100.0% #638DB5	RGB 99 141 181	#638DB5

#C7DEE5 #B4D1DD #A2C4D5 #91B7CD #80A9C5 #719BBD #638DB5

#C7DEE5 - #91B7CD - #638DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DEE5 0%, #91B7CD 50%, #638DB5 100%);
    background: -webkit-linear-gradient(top, #C7DEE5 0%, #91B7CD 50%, #638DB5 100%);
    background: linear-gradient(to bottom, #C7DEE5 0%, #91B7CD 50%, #638DB5 100%);
}
</style>