#7E8981 - #D4D992 | 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 #7E8981 to #D4D992

#7E8981 #D4D992

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

#7E8981 - #D4D992 | 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 #7E8981 as 0% and #D4D992 as 100%.

0.0%	0.0% #7E8981	RGB 126 137 129	#7E8981
16.7%	16.7% #8C9683	RGB 140 150 131	#8C9683
33.3%	33.3% #9AA386	RGB 154 163 134	#9AA386
50.0%	50.0% #A9B189	RGB 169 177 137	#A9B189
66.7%	66.7% #B7BE8C	RGB 183 190 140	#B7BE8C
83.3%	83.3% #C5CB8F	RGB 197 203 143	#C5CB8F
100.0%	100.0% #D4D992	RGB 212 217 146	#D4D992

#7E8981 #8C9683 #9AA386 #A9B189 #B7BE8C #C5CB8F #D4D992

#7E8981 - #D4D992

HSV Blend

#7E8981 - #D4D992 | 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 #7E8981 as 0% and #D4D992 as 100%.

0.0%	0.0% #7E8981	RGB 126 137 129	#7E8981
16.7%	16.7% #849685	RGB 132 150 133	#849685
33.3%	33.3% #8CA389	RGB 140 163 137	#8CA389
50.0%	50.0% #98B18C	RGB 152 177 140	#98B18C
66.7%	66.7% #A8BE8F	RGB 168 190 143	#A8BE8F
83.3%	83.3% #BBCB91	RGB 187 203 145	#BBCB91
100.0%	100.0% #D4D992	RGB 212 217 146	#D4D992

#7E8981 #849685 #8CA389 #98B18C #A8BE8F #BBCB91 #D4D992

#7E8981 - #98B18C - #D4D992

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E8981 0%, #98B18C 50%, #D4D992 100%);
    background: -webkit-linear-gradient(top, #7E8981 0%, #98B18C 50%, #D4D992 100%);
    background: linear-gradient(to bottom, #7E8981 0%, #98B18C 50%, #D4D992 100%);
}
</style>