#766F7E - #FFD88E | 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 #766F7E to #FFD88E

#766F7E #FFD88E

Calculate the color between two colors, #766F7E and #FFD88E. 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)

#766F7E - #FFD88E | 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 #766F7E as 0% and #FFD88E as 100%.

0.0%	0.0% #766F7E	RGB 118 111 126	#766F7E
16.7%	16.7% #8C8080	RGB 140 128 128	#8C8080
33.3%	33.3% #A39283	RGB 163 146 131	#A39283
50.0%	50.0% #BAA386	RGB 186 163 134	#BAA386
66.7%	66.7% #D1B588	RGB 209 181 136	#D1B588
83.3%	83.3% #E8C68B	RGB 232 198 139	#E8C68B
100.0%	100.0% #FFD88E	RGB 255 216 142	#FFD88E

#766F7E #8C8080 #A39283 #BAA386 #D1B588 #E8C68B #FFD88E

#766F7E - #FFD88E

HSV Blend

#766F7E - #FFD88E | 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 #766F7E as 0% and #FFD88E as 100%.

0.0%	0.0% #766F7E	RGB 118 111 126	#766F7E
16.7%	16.7% #8F7993	RGB 143 121 147	#8F7993
33.3%	33.3% #A982A1	RGB 169 130 161	#A982A1
50.0%	50.0% #BE88A0	RGB 190 136 160	#BE88A0
66.7%	66.7% #D48C92	RGB 212 140 146	#D48C92
83.3%	83.3% #E9A98E	RGB 233 169 142	#E9A98E
100.0%	100.0% #FFD88E	RGB 255 216 142	#FFD88E

#766F7E #8F7993 #A982A1 #BE88A0 #D48C92 #E9A98E #FFD88E

#766F7E - #BE88A0 - #FFD88E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #766F7E 0%, #BE88A0 50%, #FFD88E 100%);
    background: -webkit-linear-gradient(top, #766F7E 0%, #BE88A0 50%, #FFD88E 100%);
    background: linear-gradient(to bottom, #766F7E 0%, #BE88A0 50%, #FFD88E 100%);
}
</style>