#859C92 - #C6CF9D | 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 #859C92 to #C6CF9D

#859C92 #C6CF9D

Calculate the color between two colors, #859C92 and #C6CF9D. 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)

#859C92 - #C6CF9D | 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 #859C92 as 0% and #C6CF9D as 100%.

0.0%	0.0% #859C92	RGB 133 156 146	#859C92
16.7%	16.7% #8FA493	RGB 143 164 147	#8FA493
33.3%	33.3% #9AAD95	RGB 154 173 149	#9AAD95
50.0%	50.0% #A5B597	RGB 165 181 151	#A5B597
66.7%	66.7% #B0BE99	RGB 176 190 153	#B0BE99
83.3%	83.3% #BBC69B	RGB 187 198 155	#BBC69B
100.0%	100.0% #C6CF9D	RGB 198 207 157	#C6CF9D

#859C92 #8FA493 #9AAD95 #A5B597 #B0BE99 #BBC69B #C6CF9D

#859C92 - #C6CF9D

HSV Blend

#859C92 - #C6CF9D | 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 #859C92 as 0% and #C6CF9D as 100%.

0.0%	0.0% #859C92	RGB 133 156 146	#859C92
16.7%	16.7% #89A492	RGB 137 164 146	#89A492
33.3%	33.3% #8EAD91	RGB 142 173 145	#8EAD91
50.0%	50.0% #96B592	RGB 150 181 146	#96B592
66.7%	66.7% #A4BE96	RGB 164 190 150	#A4BE96
83.3%	83.3% #B4C699	RGB 180 198 153	#B4C699
100.0%	100.0% #C6CF9D	RGB 198 207 157	#C6CF9D

#859C92 #89A492 #8EAD91 #96B592 #A4BE96 #B4C699 #C6CF9D

#859C92 - #96B592 - #C6CF9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #859C92 0%, #96B592 50%, #C6CF9D 100%);
    background: -webkit-linear-gradient(top, #859C92 0%, #96B592 50%, #C6CF9D 100%);
    background: linear-gradient(to bottom, #859C92 0%, #96B592 50%, #C6CF9D 100%);
}
</style>