#B8CC6D - #E2B6C6 | 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 #B8CC6D to #E2B6C6

#B8CC6D #E2B6C6

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

#B8CC6D - #E2B6C6 | 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 #B8CC6D as 0% and #E2B6C6 as 100%.

0.0%	0.0% #B8CC6D	RGB 184 204 109	#B8CC6D
16.7%	16.7% #BFC87B	RGB 191 200 123	#BFC87B
33.3%	33.3% #C6C48A	RGB 198 196 138	#C6C48A
50.0%	50.0% #CDC199	RGB 205 193 153	#CDC199
66.7%	66.7% #D4BDA8	RGB 212 189 168	#D4BDA8
83.3%	83.3% #DBB9B7	RGB 219 185 183	#DBB9B7
100.0%	100.0% #E2B6C6	RGB 226 182 198	#E2B6C6

#B8CC6D #BFC87B #C6C48A #CDC199 #D4BDA8 #DBB9B7 #E2B6C6

#B8CC6D - #E2B6C6

HSV Blend

#B8CC6D - #E2B6C6 | 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 #B8CC6D as 0% and #E2B6C6 as 100%.

0.0%	0.0% #B8CC6D	RGB 184 204 109	#B8CC6D
16.7%	16.7% #CFCB78	RGB 207 203 120	#CFCB78
33.3%	33.3% #D3BA84	RGB 211 186 132	#D3BA84
50.0%	50.0% #D7AE90	RGB 215 174 144	#D7AE90
66.7%	66.7% #DAA69C	RGB 218 166 156	#DAA69C
83.3%	83.3% #DEA9AE	RGB 222 169 174	#DEA9AE
100.0%	100.0% #E2B6C6	RGB 226 182 198	#E2B6C6

#B8CC6D #CFCB78 #D3BA84 #D7AE90 #DAA69C #DEA9AE #E2B6C6

#B8CC6D - #D7AE90 - #E2B6C6

CSS codes

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

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