#8D9292 - #BCC697 | 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 #8D9292 to #BCC697

#8D9292 #BCC697

Calculate the color between two colors, #8D9292 and #BCC697. 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)

#8D9292 - #BCC697 | 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 #8D9292 as 0% and #BCC697 as 100%.

0.0%	0.0% #8D9292	RGB 141 146 146	#8D9292
16.7%	16.7% #949A92	RGB 148 154 146	#949A92
33.3%	33.3% #9CA393	RGB 156 163 147	#9CA393
50.0%	50.0% #A4AC94	RGB 164 172 148	#A4AC94
66.7%	66.7% #ACB495	RGB 172 180 149	#ACB495
83.3%	83.3% #B4BD96	RGB 180 189 150	#B4BD96
100.0%	100.0% #BCC697	RGB 188 198 151	#BCC697

#8D9292 #949A92 #9CA393 #A4AC94 #ACB495 #B4BD96 #BCC697

#8D9292 - #BCC697

HSV Blend

#8D9292 - #BCC697 | 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 #8D9292 as 0% and #BCC697 as 100%.

0.0%	0.0% #8D9292	RGB 141 146 146	#8D9292
16.7%	16.7% #909A97	RGB 144 154 151	#909A97
33.3%	33.3% #92A399	RGB 146 163 153	#92A399
50.0%	50.0% #94AC97	RGB 148 172 151	#94AC97
66.7%	66.7% #9BB496	RGB 155 180 150	#9BB496
83.3%	83.3% #A9BD96	RGB 169 189 150	#A9BD96
100.0%	100.0% #BCC697	RGB 188 198 151	#BCC697

#8D9292 #909A97 #92A399 #94AC97 #9BB496 #A9BD96 #BCC697

#8D9292 - #94AC97 - #BCC697

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D9292 0%, #94AC97 50%, #BCC697 100%);
    background: -webkit-linear-gradient(top, #8D9292 0%, #94AC97 50%, #BCC697 100%);
    background: linear-gradient(to bottom, #8D9292 0%, #94AC97 50%, #BCC697 100%);
}
</style>