#C3C8D3 - #697C95 | 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 #C3C8D3 to #697C95

#C3C8D3 #697C95

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

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

0.0%	0.0% #C3C8D3	RGB 195 200 211	#C3C8D3
16.7%	16.7% #B4BBC8	RGB 180 187 200	#B4BBC8
33.3%	33.3% #A5AEBE	RGB 165 174 190	#A5AEBE
50.0%	50.0% #96A2B4	RGB 150 162 180	#96A2B4
66.7%	66.7% #8795A9	RGB 135 149 169	#8795A9
83.3%	83.3% #78889F	RGB 120 136 159	#78889F
100.0%	100.0% #697C95	RGB 105 124 149	#697C95

#C3C8D3 #B4BBC8 #A5AEBE #96A2B4 #8795A9 #78889F #697C95

#C3C8D3 - #697C95

HSV Blend

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

0.0%	0.0% #C3C8D3	RGB 195 200 211	#C3C8D3
16.7%	16.7% #B2B9C8	RGB 178 185 200	#B2B9C8
33.3%	33.3% #A1ABBE	RGB 161 171 190	#A1ABBE
50.0%	50.0% #929FB4	RGB 146 159 180	#929FB4
66.7%	66.7% #8392A9	RGB 131 146 169	#8392A9
83.3%	83.3% #76879F	RGB 118 135 159	#76879F
100.0%	100.0% #697C95	RGB 105 124 149	#697C95

#C3C8D3 #B2B9C8 #A1ABBE #929FB4 #8392A9 #76879F #697C95

#C3C8D3 - #929FB4 - #697C95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C8D3 0%, #929FB4 50%, #697C95 100%);
    background: -webkit-linear-gradient(top, #C3C8D3 0%, #929FB4 50%, #697C95 100%);
    background: linear-gradient(to bottom, #C3C8D3 0%, #929FB4 50%, #697C95 100%);
}
</style>