#C9DEE5 - #658EB5 | 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 #C9DEE5 to #658EB5

#C9DEE5 #658EB5

Calculate the color between two colors, #C9DEE5 and #658EB5. 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)

#C9DEE5 - #658EB5 | 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 #C9DEE5 as 0% and #658EB5 as 100%.

0.0%	0.0% #C9DEE5	RGB 201 222 229	#C9DEE5
16.7%	16.7% #B8D0DD	RGB 184 208 221	#B8D0DD
33.3%	33.3% #A7C3D5	RGB 167 195 213	#A7C3D5
50.0%	50.0% #97B6CD	RGB 151 182 205	#97B6CD
66.7%	66.7% #86A8C5	RGB 134 168 197	#86A8C5
83.3%	83.3% #759BBD	RGB 117 155 189	#759BBD
100.0%	100.0% #658EB5	RGB 101 142 181	#658EB5

#C9DEE5 #B8D0DD #A7C3D5 #97B6CD #86A8C5 #759BBD #658EB5

#C9DEE5 - #658EB5

HSV Blend

#C9DEE5 - #658EB5 | 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 #C9DEE5 as 0% and #658EB5 as 100%.

0.0%	0.0% #C9DEE5	RGB 201 222 229	#C9DEE5
16.7%	16.7% #B6D1DD	RGB 182 209 221	#B6D1DD
33.3%	33.3% #A4C4D5	RGB 164 196 213	#A4C4D5
50.0%	50.0% #93B7CD	RGB 147 183 205	#93B7CD
66.7%	66.7% #82AAC5	RGB 130 170 197	#82AAC5
83.3%	83.3% #739CBD	RGB 115 156 189	#739CBD
100.0%	100.0% #658EB5	RGB 101 142 181	#658EB5

#C9DEE5 #B6D1DD #A4C4D5 #93B7CD #82AAC5 #739CBD #658EB5

#C9DEE5 - #93B7CD - #658EB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9DEE5 0%, #93B7CD 50%, #658EB5 100%);
    background: -webkit-linear-gradient(top, #C9DEE5 0%, #93B7CD 50%, #658EB5 100%);
    background: linear-gradient(to bottom, #C9DEE5 0%, #93B7CD 50%, #658EB5 100%);
}
</style>