#6B6B6B - #DEE795 | 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 #6B6B6B to #DEE795

#6B6B6B #DEE795

Calculate the color between two colors, #6B6B6B and #DEE795. 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)

#6B6B6B - #DEE795 | 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 #6B6B6B as 0% and #DEE795 as 100%.

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7E7F72	RGB 126 127 114	#7E7F72
33.3%	33.3% #919479	RGB 145 148 121	#919479
50.0%	50.0% #A4A980	RGB 164 169 128	#A4A980
66.7%	66.7% #B7BD87	RGB 183 189 135	#B7BD87
83.3%	83.3% #CAD28E	RGB 202 210 142	#CAD28E
100.0%	100.0% #DEE795	RGB 222 231 149	#DEE795

#6B6B6B #7E7F72 #919479 #A4A980 #B7BD87 #CAD28E #DEE795

#6B6B6B - #DEE795

HSV Blend

#6B6B6B - #DEE795 | 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 #6B6B6B as 0% and #DEE795 as 100%.

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F7978	RGB 127 121 120	#7F7978
33.3%	33.3% #948982	RGB 148 137 130	#948982
50.0%	50.0% #A99B8B	RGB 169 155 139	#A99B8B
66.7%	66.7% #BDB190	RGB 189 177 144	#BDB190
83.3%	83.3% #D2CD94	RGB 210 205 148	#D2CD94
100.0%	100.0% #DEE795	RGB 222 231 149	#DEE795

#6B6B6B #7F7978 #948982 #A99B8B #BDB190 #D2CD94 #DEE795

#6B6B6B - #A99B8B - #DEE795

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6B6B 0%, #A99B8B 50%, #DEE795 100%);
    background: -webkit-linear-gradient(top, #6B6B6B 0%, #A99B8B 50%, #DEE795 100%);
    background: linear-gradient(to bottom, #6B6B6B 0%, #A99B8B 50%, #DEE795 100%);
}
</style>