#CBB49D - #AA7148 | 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 #CBB49D to #AA7148

#CBB49D #AA7148

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

#CBB49D - #AA7148 | 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 #CBB49D as 0% and #AA7148 as 100%.

0.0%	0.0% #CBB49D	RGB 203 180 157	#CBB49D
16.7%	16.7% #C5A88E	RGB 197 168 142	#C5A88E
33.3%	33.3% #C09D80	RGB 192 157 128	#C09D80
50.0%	50.0% #BA9272	RGB 186 146 114	#BA9272
66.7%	66.7% #B58764	RGB 181 135 100	#B58764
83.3%	83.3% #AF7C56	RGB 175 124 86	#AF7C56
100.0%	100.0% #AA7148	RGB 170 113 72	#AA7148

#CBB49D #C5A88E #C09D80 #BA9272 #B58764 #AF7C56 #AA7148

#CBB49D - #AA7148

HSV Blend

#CBB49D - #AA7148 | 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 #CBB49D as 0% and #AA7148 as 100%.

0.0%	0.0% #CBB49D	RGB 203 180 157	#CBB49D
16.7%	16.7% #C5A88D	RGB 197 168 141	#C5A88D
33.3%	33.3% #C09D7E	RGB 192 157 126	#C09D7E
50.0%	50.0% #BA926F	RGB 186 146 111	#BA926F
66.7%	66.7% #B58661	RGB 181 134 97	#B58661
83.3%	83.3% #AF7B54	RGB 175 123 84	#AF7B54
100.0%	100.0% #AA7148	RGB 170 113 72	#AA7148

#CBB49D #C5A88D #C09D7E #BA926F #B58661 #AF7B54 #AA7148

#CBB49D - #BA926F - #AA7148

CSS codes

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

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