#C2CCDA - #697F9E | 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 #C2CCDA to #697F9E

#C2CCDA #697F9E

Calculate the color between two colors, #C2CCDA and #697F9E. 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)

#C2CCDA - #697F9E | 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 #C2CCDA as 0% and #697F9E as 100%.

0.0%	0.0% #C2CCDA	RGB 194 204 218	#C2CCDA
16.7%	16.7% #B3BFD0	RGB 179 191 208	#B3BFD0
33.3%	33.3% #A4B2C6	RGB 164 178 198	#A4B2C6
50.0%	50.0% #95A5BC	RGB 149 165 188	#95A5BC
66.7%	66.7% #8698B2	RGB 134 152 178	#8698B2
83.3%	83.3% #778BA8	RGB 119 139 168	#778BA8
100.0%	100.0% #697F9E	RGB 105 127 158	#697F9E

#C2CCDA #B3BFD0 #A4B2C6 #95A5BC #8698B2 #778BA8 #697F9E

#C2CCDA - #697F9E

HSV Blend

#C2CCDA - #697F9E | 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 #C2CCDA as 0% and #697F9E as 100%.

0.0%	0.0% #C2CCDA	RGB 194 204 218	#C2CCDA
16.7%	16.7% #B1BED0	RGB 177 190 208	#B1BED0
33.3%	33.3% #A1B0C6	RGB 161 176 198	#A1B0C6
50.0%	50.0% #92A3BC	RGB 146 163 188	#92A3BC
66.7%	66.7% #8396B2	RGB 131 150 178	#8396B2
83.3%	83.3% #758AA8	RGB 117 138 168	#758AA8
100.0%	100.0% #697F9E	RGB 105 127 158	#697F9E

#C2CCDA #B1BED0 #A1B0C6 #92A3BC #8396B2 #758AA8 #697F9E

#C2CCDA - #92A3BC - #697F9E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2CCDA 0%, #92A3BC 50%, #697F9E 100%);
    background: -webkit-linear-gradient(top, #C2CCDA 0%, #92A3BC 50%, #697F9E 100%);
    background: linear-gradient(to bottom, #C2CCDA 0%, #92A3BC 50%, #697F9E 100%);
}
</style>