#C4D0B2 - #8DAD5E | 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 #C4D0B2 to #8DAD5E

#C4D0B2 #8DAD5E

Calculate the color between two colors, #C4D0B2 and #8DAD5E. 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)

#C4D0B2 - #8DAD5E | 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 #C4D0B2 as 0% and #8DAD5E as 100%.

0.0%	0.0% #C4D0B2	RGB 196 208 178	#C4D0B2
16.7%	16.7% #BACAA4	RGB 186 202 164	#BACAA4
33.3%	33.3% #B1C496	RGB 177 196 150	#B1C496
50.0%	50.0% #A8BE88	RGB 168 190 136	#A8BE88
66.7%	66.7% #9FB87A	RGB 159 184 122	#9FB87A
83.3%	83.3% #96B26C	RGB 150 178 108	#96B26C
100.0%	100.0% #8DAD5E	RGB 141 173 94	#8DAD5E

#C4D0B2 #BACAA4 #B1C496 #A8BE88 #9FB87A #96B26C #8DAD5E

#C4D0B2 - #8DAD5E

HSV Blend

#C4D0B2 - #8DAD5E | 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 #C4D0B2 as 0% and #8DAD5E as 100%.

0.0%	0.0% #C4D0B2	RGB 196 208 178	#C4D0B2
16.7%	16.7% #BACAA2	RGB 186 202 162	#BACAA2
33.3%	33.3% #B0C493	RGB 176 196 147	#B0C493
50.0%	50.0% #A7BE85	RGB 167 190 133	#A7BE85
66.7%	66.7% #9EB877	RGB 158 184 119	#9EB877
83.3%	83.3% #95B26A	RGB 149 178 106	#95B26A
100.0%	100.0% #8DAD5E	RGB 141 173 94	#8DAD5E

#C4D0B2 #BACAA2 #B0C493 #A7BE85 #9EB877 #95B26A #8DAD5E

#C4D0B2 - #A7BE85 - #8DAD5E

CSS codes

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

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