#C2BDB8 - #A07B64 | 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 #C2BDB8 to #A07B64

#C2BDB8 #A07B64

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

#C2BDB8 - #A07B64 | 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 #C2BDB8 as 0% and #A07B64 as 100%.

0.0%	0.0% #C2BDB8	RGB 194 189 184	#C2BDB8
16.7%	16.7% #BCB2AA	RGB 188 178 170	#BCB2AA
33.3%	33.3% #B6A79C	RGB 182 167 156	#B6A79C
50.0%	50.0% #B19C8E	RGB 177 156 142	#B19C8E
66.7%	66.7% #AB9180	RGB 171 145 128	#AB9180
83.3%	83.3% #A58672	RGB 165 134 114	#A58672
100.0%	100.0% #A07B64	RGB 160 123 100	#A07B64

#C2BDB8 #BCB2AA #B6A79C #B19C8E #AB9180 #A58672 #A07B64

#C2BDB8 - #A07B64

HSV Blend

#C2BDB8 - #A07B64 | 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 #C2BDB8 as 0% and #A07B64 as 100%.

0.0%	0.0% #C2BDB8	RGB 194 189 184	#C2BDB8
16.7%	16.7% #BCB2A8	RGB 188 178 168	#BCB2A8
33.3%	33.3% #B6A699	RGB 182 166 153	#B6A699
50.0%	50.0% #B19B8B	RGB 177 155 139	#B19B8B
66.7%	66.7% #AB907D	RGB 171 144 125	#AB907D
83.3%	83.3% #A58570	RGB 165 133 112	#A58570
100.0%	100.0% #A07B64	RGB 160 123 100	#A07B64

#C2BDB8 #BCB2A8 #B6A699 #B19B8B #AB907D #A58570 #A07B64

#C2BDB8 - #B19B8B - #A07B64

CSS codes

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

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