#C3C5C8 - #596D92 | 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 #C3C5C8 to #596D92

#C3C5C8 #596D92

Calculate the color between two colors, #C3C5C8 and #596D92. 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)

#C3C5C8 - #596D92 | 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 #C3C5C8 as 0% and #596D92 as 100%.

0.0%	0.0% #C3C5C8	RGB 195 197 200	#C3C5C8
16.7%	16.7% #B1B6BF	RGB 177 182 191	#B1B6BF
33.3%	33.3% #9FA7B6	RGB 159 167 182	#9FA7B6
50.0%	50.0% #8E99AD	RGB 142 153 173	#8E99AD
66.7%	66.7% #7C8AA4	RGB 124 138 164	#7C8AA4
83.3%	83.3% #6A7B9B	RGB 106 123 155	#6A7B9B
100.0%	100.0% #596D92	RGB 89 109 146	#596D92

#C3C5C8 #B1B6BF #9FA7B6 #8E99AD #7C8AA4 #6A7B9B #596D92

#C3C5C8 - #596D92

HSV Blend

#C3C5C8 - #596D92 | 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 #C3C5C8 as 0% and #596D92 as 100%.

0.0%	0.0% #C3C5C8	RGB 195 197 200	#C3C5C8
16.7%	16.7% #AEB5BF	RGB 174 181 191	#AEB5BF
33.3%	33.3% #9BA5B6	RGB 155 165 182	#9BA5B6
50.0%	50.0% #8996AD	RGB 137 150 173	#8996AD
66.7%	66.7% #7788A4	RGB 119 136 164	#7788A4
83.3%	83.3% #677A9B	RGB 103 122 155	#677A9B
100.0%	100.0% #596D92	RGB 89 109 146	#596D92

#C3C5C8 #AEB5BF #9BA5B6 #8996AD #7788A4 #677A9B #596D92

#C3C5C8 - #8996AD - #596D92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C5C8 0%, #8996AD 50%, #596D92 100%);
    background: -webkit-linear-gradient(top, #C3C5C8 0%, #8996AD 50%, #596D92 100%);
    background: linear-gradient(to bottom, #C3C5C8 0%, #8996AD 50%, #596D92 100%);
}
</style>