#B66152 - #CDD7A8 | 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 #B66152 to #CDD7A8

#B66152 #CDD7A8

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

#B66152 - #CDD7A8 | 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 #B66152 as 0% and #CDD7A8 as 100%.

0.0%	0.0% #B66152	RGB 182 97 82	#B66152
16.7%	16.7% #B97460	RGB 185 116 96	#B97460
33.3%	33.3% #BD886E	RGB 189 136 110	#BD886E
50.0%	50.0% #C19C7D	RGB 193 156 125	#C19C7D
66.7%	66.7% #C5AF8B	RGB 197 175 139	#C5AF8B
83.3%	83.3% #C9C399	RGB 201 195 153	#C9C399
100.0%	100.0% #CDD7A8	RGB 205 215 168	#CDD7A8

#B66152 #B97460 #BD886E #C19C7D #C5AF8B #C9C399 #CDD7A8

#B66152 - #CDD7A8

HSV Blend

#B66152 - #CDD7A8 | 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 #B66152 as 0% and #CDD7A8 as 100%.

0.0%	0.0% #B66152	RGB 182 97 82	#B66152
16.7%	16.7% #BB7D5E	RGB 187 125 94	#BB7D5E
33.3%	33.3% #C1966C	RGB 193 150 108	#C1966C
50.0%	50.0% #C6AE7A	RGB 198 174 122	#C6AE7A
66.7%	66.7% #CCC288	RGB 204 194 136	#CCC288
83.3%	83.3% #CFD198	RGB 207 209 152	#CFD198
100.0%	100.0% #CDD7A8	RGB 205 215 168	#CDD7A8

#B66152 #BB7D5E #C1966C #C6AE7A #CCC288 #CFD198 #CDD7A8

#B66152 - #C6AE7A - #CDD7A8

CSS codes

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

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