#C8C8C9 - #698288 | 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 #C8C8C9 to #698288

#C8C8C9 #698288

Calculate the color between two colors, #C8C8C9 and #698288. 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)

#C8C8C9 - #698288 | 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 #C8C8C9 as 0% and #698288 as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #B8BCBE	RGB 184 188 190	#B8BCBE
33.3%	33.3% #A8B0B3	RGB 168 176 179	#A8B0B3
50.0%	50.0% #98A5A8	RGB 152 165 168	#98A5A8
66.7%	66.7% #88999D	RGB 136 153 157	#88999D
83.3%	83.3% #788D92	RGB 120 141 146	#788D92
100.0%	100.0% #698288	RGB 105 130 136	#698288

#C8C8C9 #B8BCBE #A8B0B3 #98A5A8 #88999D #788D92 #698288

#C8C8C9 - #698288

HSV Blend

#C8C8C9 - #698288 | 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 #C8C8C9 as 0% and #698288 as 100%.

0.0%	0.0% #C8C8C9	RGB 200 200 201	#C8C8C9
16.7%	16.7% #B6B7BE	RGB 182 183 190	#B6B7BE
33.3%	33.3% #A5A8B3	RGB 165 168 179	#A5A8B3
50.0%	50.0% #949CA8	RGB 148 156 168	#949CA8
66.7%	66.7% #85929D	RGB 133 146 157	#85929D
83.3%	83.3% #768992	RGB 118 137 146	#768992
100.0%	100.0% #698288	RGB 105 130 136	#698288

#C8C8C9 #B6B7BE #A5A8B3 #949CA8 #85929D #768992 #698288

#C8C8C9 - #949CA8 - #698288

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C8C9 0%, #949CA8 50%, #698288 100%);
    background: -webkit-linear-gradient(top, #C8C8C9 0%, #949CA8 50%, #698288 100%);
    background: linear-gradient(to bottom, #C8C8C9 0%, #949CA8 50%, #698288 100%);
}
</style>