#CACDB3 - #8B985E | 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 #CACDB3 to #8B985E

#CACDB3 #8B985E

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

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

0.0%	0.0% #CACDB3	RGB 202 205 179	#CACDB3
16.7%	16.7% #BFC4A4	RGB 191 196 164	#BFC4A4
33.3%	33.3% #B5BB96	RGB 181 187 150	#B5BB96
50.0%	50.0% #AAB288	RGB 170 178 136	#AAB288
66.7%	66.7% #A0A97A	RGB 160 169 122	#A0A97A
83.3%	83.3% #95A06C	RGB 149 160 108	#95A06C
100.0%	100.0% #8B985E	RGB 139 152 94	#8B985E

#CACDB3 #BFC4A4 #B5BB96 #AAB288 #A0A97A #95A06C #8B985E

#CACDB3 - #8B985E

HSV Blend

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

0.0%	0.0% #CACDB3	RGB 202 205 179	#CACDB3
16.7%	16.7% #BFC4A2	RGB 191 196 162	#BFC4A2
33.3%	33.3% #B5BB93	RGB 181 187 147	#B5BB93
50.0%	50.0% #AAB285	RGB 170 178 133	#AAB285
66.7%	66.7% #A0A977	RGB 160 169 119	#A0A977
83.3%	83.3% #95A06A	RGB 149 160 106	#95A06A
100.0%	100.0% #8B985E	RGB 139 152 94	#8B985E

#CACDB3 #BFC4A2 #B5BB93 #AAB285 #A0A977 #95A06A #8B985E

#CACDB3 - #AAB285 - #8B985E

CSS codes

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

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