#C8ABA3 - #AC614D | 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 #C8ABA3 to #AC614D

#C8ABA3 #AC614D

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

#C8ABA3 - #AC614D | 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 #C8ABA3 as 0% and #AC614D as 100%.

0.0%	0.0% #C8ABA3	RGB 200 171 163	#C8ABA3
16.7%	16.7% #C39E94	RGB 195 158 148	#C39E94
33.3%	33.3% #BE9286	RGB 190 146 134	#BE9286
50.0%	50.0% #BA8678	RGB 186 134 120	#BA8678
66.7%	66.7% #B57969	RGB 181 121 105	#B57969
83.3%	83.3% #B06D5B	RGB 176 109 91	#B06D5B
100.0%	100.0% #AC614D	RGB 172 97 77	#AC614D

#C8ABA3 #C39E94 #BE9286 #BA8678 #B57969 #B06D5B #AC614D

#C8ABA3 - #AC614D

HSV Blend

#C8ABA3 - #AC614D | 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 #C8ABA3 as 0% and #AC614D as 100%.

0.0%	0.0% #C8ABA3	RGB 200 171 163	#C8ABA3
16.7%	16.7% #C39D93	RGB 195 157 147	#C39D93
33.3%	33.3% #BE9084	RGB 190 144 132	#BE9084
50.0%	50.0% #BA8475	RGB 186 132 117	#BA8475
66.7%	66.7% #B57767	RGB 181 119 103	#B57767
83.3%	83.3% #B06C59	RGB 176 108 89	#B06C59
100.0%	100.0% #AC614D	RGB 172 97 77	#AC614D

#C8ABA3 #C39D93 #BE9084 #BA8475 #B57767 #B06C59 #AC614D

#C8ABA3 - #BA8475 - #AC614D

CSS codes

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

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