#B9BC3E - #E4CCD7 | 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 #B9BC3E to #E4CCD7

#B9BC3E #E4CCD7

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

#B9BC3E - #E4CCD7 | 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 #B9BC3E as 0% and #E4CCD7 as 100%.

0.0%	0.0% #B9BC3E	RGB 185 188 62	#B9BC3E
16.7%	16.7% #C0BE57	RGB 192 190 87	#C0BE57
33.3%	33.3% #C7C171	RGB 199 193 113	#C7C171
50.0%	50.0% #CEC48A	RGB 206 196 138	#CEC48A
66.7%	66.7% #D5C6A4	RGB 213 198 164	#D5C6A4
83.3%	83.3% #DCC9BD	RGB 220 201 189	#DCC9BD
100.0%	100.0% #E4CCD7	RGB 228 204 215	#E4CCD7

#B9BC3E #C0BE57 #C7C171 #CEC48A #D5C6A4 #DCC9BD #E4CCD7

#B9BC3E - #E4CCD7

HSV Blend

#B9BC3E - #E4CCD7 | 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 #B9BC3E as 0% and #E4CCD7 as 100%.

0.0%	0.0% #B9BC3E	RGB 185 188 62	#B9BC3E
16.7%	16.7% #C2A952	RGB 194 169 82	#C2A952
33.3%	33.3% #C99B68	RGB 201 155 104	#C99B68
50.0%	50.0% #D0967F	RGB 208 150 127	#D0967F
66.7%	66.7% #D69997	RGB 214 153 151	#D69997
83.3%	83.3% #DDB1BA	RGB 221 177 186	#DDB1BA
100.0%	100.0% #E4CCD7	RGB 228 204 215	#E4CCD7

#B9BC3E #C2A952 #C99B68 #D0967F #D69997 #DDB1BA #E4CCD7

#B9BC3E - #D0967F - #E4CCD7

CSS codes

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

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