#C0C5DA - #696F9F | 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 #C0C5DA to #696F9F

#C0C5DA #696F9F

Calculate the color between two colors, #C0C5DA and #696F9F. 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)

#C0C5DA - #696F9F | 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 #C0C5DA as 0% and #696F9F as 100%.

0.0%	0.0% #C0C5DA	RGB 192 197 218	#C0C5DA
16.7%	16.7% #B1B6D0	RGB 177 182 208	#B1B6D0
33.3%	33.3% #A3A8C6	RGB 163 168 198	#A3A8C6
50.0%	50.0% #949ABC	RGB 148 154 188	#949ABC
66.7%	66.7% #868BB2	RGB 134 139 178	#868BB2
83.3%	83.3% #777DA8	RGB 119 125 168	#777DA8
100.0%	100.0% #696F9F	RGB 105 111 159	#696F9F

#C0C5DA #B1B6D0 #A3A8C6 #949ABC #868BB2 #777DA8 #696F9F

#C0C5DA - #696F9F

HSV Blend

#C0C5DA - #696F9F | 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 #C0C5DA as 0% and #696F9F as 100%.

0.0%	0.0% #C0C5DA	RGB 192 197 218	#C0C5DA
16.7%	16.7% #AFB5D0	RGB 175 181 208	#AFB5D0
33.3%	33.3% #A0A6C6	RGB 160 166 198	#A0A6C6
50.0%	50.0% #9197BC	RGB 145 151 188	#9197BC
66.7%	66.7% #8389B2	RGB 131 137 178	#8389B2
83.3%	83.3% #757CA8	RGB 117 124 168	#757CA8
100.0%	100.0% #696F9F	RGB 105 111 159	#696F9F

#C0C5DA #AFB5D0 #A0A6C6 #9197BC #8389B2 #757CA8 #696F9F

#C0C5DA - #9197BC - #696F9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C5DA 0%, #9197BC 50%, #696F9F 100%);
    background: -webkit-linear-gradient(top, #C0C5DA 0%, #9197BC 50%, #696F9F 100%);
    background: linear-gradient(to bottom, #C0C5DA 0%, #9197BC 50%, #696F9F 100%);
}
</style>