#CAABA3 - #AE614D | 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 #CAABA3 to #AE614D

#CAABA3 #AE614D

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

#CAABA3 - #AE614D | 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 #CAABA3 as 0% and #AE614D as 100%.

0.0%	0.0% #CAABA3	RGB 202 171 163	#CAABA3
16.7%	16.7% #C59E94	RGB 197 158 148	#C59E94
33.3%	33.3% #C09286	RGB 192 146 134	#C09286
50.0%	50.0% #BC8678	RGB 188 134 120	#BC8678
66.7%	66.7% #B77969	RGB 183 121 105	#B77969
83.3%	83.3% #B26D5B	RGB 178 109 91	#B26D5B
100.0%	100.0% #AE614D	RGB 174 97 77	#AE614D

#CAABA3 #C59E94 #C09286 #BC8678 #B77969 #B26D5B #AE614D

#CAABA3 - #AE614D

HSV Blend

#CAABA3 - #AE614D | 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 #CAABA3 as 0% and #AE614D as 100%.

0.0%	0.0% #CAABA3	RGB 202 171 163	#CAABA3
16.7%	16.7% #C59D93	RGB 197 157 147	#C59D93
33.3%	33.3% #C09084	RGB 192 144 132	#C09084
50.0%	50.0% #BC8375	RGB 188 131 117	#BC8375
66.7%	66.7% #B77767	RGB 183 119 103	#B77767
83.3%	83.3% #B26C59	RGB 178 108 89	#B26C59
100.0%	100.0% #AE614D	RGB 174 97 77	#AE614D

#CAABA3 #C59D93 #C09084 #BC8375 #B77767 #B26C59 #AE614D

#CAABA3 - #BC8375 - #AE614D

CSS codes

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

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