#C0CCD5 - #6E91B0 | 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 #C0CCD5 to #6E91B0

#C0CCD5 #6E91B0

Calculate the color between two colors, #C0CCD5 and #6E91B0. 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)

#C0CCD5 - #6E91B0 | 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 #C0CCD5 as 0% and #6E91B0 as 100%.

0.0%	0.0% #C0CCD5	RGB 192 204 213	#C0CCD5
16.7%	16.7% #B2C2CE	RGB 178 194 206	#B2C2CE
33.3%	33.3% #A4B8C8	RGB 164 184 200	#A4B8C8
50.0%	50.0% #97AEC2	RGB 151 174 194	#97AEC2
66.7%	66.7% #89A4BC	RGB 137 164 188	#89A4BC
83.3%	83.3% #7B9AB6	RGB 123 154 182	#7B9AB6
100.0%	100.0% #6E91B0	RGB 110 145 176	#6E91B0

#C0CCD5 #B2C2CE #A4B8C8 #97AEC2 #89A4BC #7B9AB6 #6E91B0

#C0CCD5 - #6E91B0

HSV Blend

#C0CCD5 - #6E91B0 | 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 #C0CCD5 as 0% and #6E91B0 as 100%.

0.0%	0.0% #C0CCD5	RGB 192 204 213	#C0CCD5
16.7%	16.7% #B0C1CE	RGB 176 193 206	#B0C1CE
33.3%	33.3% #A2B7C8	RGB 162 183 200	#A2B7C8
50.0%	50.0% #94ADC2	RGB 148 173 194	#94ADC2
66.7%	66.7% #87A4BC	RGB 135 164 188	#87A4BC
83.3%	83.3% #7A9AB6	RGB 122 154 182	#7A9AB6
100.0%	100.0% #6E91B0	RGB 110 145 176	#6E91B0

#C0CCD5 #B0C1CE #A2B7C8 #94ADC2 #87A4BC #7A9AB6 #6E91B0

#C0CCD5 - #94ADC2 - #6E91B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCD5 0%, #94ADC2 50%, #6E91B0 100%);
    background: -webkit-linear-gradient(top, #C0CCD5 0%, #94ADC2 50%, #6E91B0 100%);
    background: linear-gradient(to bottom, #C0CCD5 0%, #94ADC2 50%, #6E91B0 100%);
}
</style>