#C0CCDF - #667FA5 | 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 #C0CCDF to #667FA5

#C0CCDF #667FA5

Calculate the color between two colors, #C0CCDF and #667FA5. 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)

#C0CCDF - #667FA5 | 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 #C0CCDF as 0% and #667FA5 as 100%.

0.0%	0.0% #C0CCDF	RGB 192 204 223	#C0CCDF
16.7%	16.7% #B1BFD5	RGB 177 191 213	#B1BFD5
33.3%	33.3% #A2B2CB	RGB 162 178 203	#A2B2CB
50.0%	50.0% #93A5C2	RGB 147 165 194	#93A5C2
66.7%	66.7% #8498B8	RGB 132 152 184	#8498B8
83.3%	83.3% #758BAE	RGB 117 139 174	#758BAE
100.0%	100.0% #667FA5	RGB 102 127 165	#667FA5

#C0CCDF #B1BFD5 #A2B2CB #93A5C2 #8498B8 #758BAE #667FA5

#C0CCDF - #667FA5

HSV Blend

#C0CCDF - #667FA5 | 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 #C0CCDF as 0% and #667FA5 as 100%.

0.0%	0.0% #C0CCDF	RGB 192 204 223	#C0CCDF
16.7%	16.7% #AFBDD5	RGB 175 189 213	#AFBDD5
33.3%	33.3% #9EB0CB	RGB 158 176 203	#9EB0CB
50.0%	50.0% #8FA3C2	RGB 143 163 194	#8FA3C2
66.7%	66.7% #8096B8	RGB 128 150 184	#8096B8
83.3%	83.3% #738AAE	RGB 115 138 174	#738AAE
100.0%	100.0% #667FA5	RGB 102 127 165	#667FA5

#C0CCDF #AFBDD5 #9EB0CB #8FA3C2 #8096B8 #738AAE #667FA5

#C0CCDF - #8FA3C2 - #667FA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCDF 0%, #8FA3C2 50%, #667FA5 100%);
    background: -webkit-linear-gradient(top, #C0CCDF 0%, #8FA3C2 50%, #667FA5 100%);
    background: linear-gradient(to bottom, #C0CCDF 0%, #8FA3C2 50%, #667FA5 100%);
}
</style>