#C0CDEE - #617FBB | 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 #C0CDEE to #617FBB

#C0CDEE #617FBB

Calculate the color between two colors, #C0CDEE and #617FBB. 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)

#C0CDEE - #617FBB | 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 #C0CDEE as 0% and #617FBB as 100%.

0.0%	0.0% #C0CDEE	RGB 192 205 238	#C0CDEE
16.7%	16.7% #B0C0E5	RGB 176 192 229	#B0C0E5
33.3%	33.3% #A0B3DD	RGB 160 179 221	#A0B3DD
50.0%	50.0% #90A6D4	RGB 144 166 212	#90A6D4
66.7%	66.7% #8099CC	RGB 128 153 204	#8099CC
83.3%	83.3% #708CC3	RGB 112 140 195	#708CC3
100.0%	100.0% #617FBB	RGB 97 127 187	#617FBB

#C0CDEE #B0C0E5 #A0B3DD #90A6D4 #8099CC #708CC3 #617FBB

#C0CDEE - #617FBB

HSV Blend

#C0CDEE - #617FBB | 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 #C0CDEE as 0% and #617FBB as 100%.

0.0%	0.0% #C0CDEE	RGB 192 205 238	#C0CDEE
16.7%	16.7% #AEBEE5	RGB 174 190 229	#AEBEE5
33.3%	33.3% #9DB0DD	RGB 157 176 221	#9DB0DD
50.0%	50.0% #8CA2D4	RGB 140 162 212	#8CA2D4
66.7%	66.7% #7D96CC	RGB 125 150 204	#7D96CC
83.3%	83.3% #6E8AC3	RGB 110 138 195	#6E8AC3
100.0%	100.0% #617FBB	RGB 97 127 187	#617FBB

#C0CDEE #AEBEE5 #9DB0DD #8CA2D4 #7D96CC #6E8AC3 #617FBB

#C0CDEE - #8CA2D4 - #617FBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDEE 0%, #8CA2D4 50%, #617FBB 100%);
    background: -webkit-linear-gradient(top, #C0CDEE 0%, #8CA2D4 50%, #617FBB 100%);
    background: linear-gradient(to bottom, #C0CDEE 0%, #8CA2D4 50%, #617FBB 100%);
}
</style>