#CCAA9C - #AF6147 | 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 #CCAA9C to #AF6147

#CCAA9C #AF6147

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

#CCAA9C - #AF6147 | 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 #CCAA9C as 0% and #AF6147 as 100%.

0.0%	0.0% #CCAA9C	RGB 204 170 156	#CCAA9C
16.7%	16.7% #C79D8D	RGB 199 157 141	#C79D8D
33.3%	33.3% #C2917F	RGB 194 145 127	#C2917F
50.0%	50.0% #BD8571	RGB 189 133 113	#BD8571
66.7%	66.7% #B87963	RGB 184 121 99	#B87963
83.3%	83.3% #B36D55	RGB 179 109 85	#B36D55
100.0%	100.0% #AF6147	RGB 175 97 71	#AF6147

#CCAA9C #C79D8D #C2917F #BD8571 #B87963 #B36D55 #AF6147

#CCAA9C - #AF6147

HSV Blend

#CCAA9C - #AF6147 | 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 #CCAA9C as 0% and #AF6147 as 100%.

0.0%	0.0% #CCAA9C	RGB 204 170 156	#CCAA9C
16.7%	16.7% #C79D8C	RGB 199 157 140	#C79D8C
33.3%	33.3% #C2907D	RGB 194 144 125	#C2907D
50.0%	50.0% #BD846E	RGB 189 132 110	#BD846E
66.7%	66.7% #B87861	RGB 184 120 97	#B87861
83.3%	83.3% #B36C53	RGB 179 108 83	#B36C53
100.0%	100.0% #AF6147	RGB 175 97 71	#AF6147

#CCAA9C #C79D8C #C2907D #BD846E #B87861 #B36C53 #AF6147

#CCAA9C - #BD846E - #AF6147

CSS codes

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

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