#CAA265 - #E3B5E1 | 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 #CAA265 to #E3B5E1

#CAA265 #E3B5E1

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

#CAA265 - #E3B5E1 | 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 #CAA265 as 0% and #E3B5E1 as 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #CEA579	RGB 206 165 121	#CEA579
33.3%	33.3% #D2A88E	RGB 210 168 142	#D2A88E
50.0%	50.0% #D6ABA3	RGB 214 171 163	#D6ABA3
66.7%	66.7% #DAAEB7	RGB 218 174 183	#DAAEB7
83.3%	83.3% #DEB1CC	RGB 222 177 204	#DEB1CC
100.0%	100.0% #E3B5E1	RGB 227 181 225	#E3B5E1

#CAA265 #CEA579 #D2A88E #D6ABA3 #DAAEB7 #DEB1CC #E3B5E1

#CAA265 - #E3B5E1

HSV Blend

#CAA265 - #E3B5E1 | 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 #CAA265 as 0% and #E3B5E1 as 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #CE9171	RGB 206 145 113	#CE9171
33.3%	33.3% #D2857E	RGB 210 133 126	#D2857E
50.0%	50.0% #D68B98	RGB 214 139 152	#D68B98
66.7%	66.7% #DA98B5	RGB 218 152 181	#DA98B5
83.3%	83.3% #DEA6CD	RGB 222 166 205	#DEA6CD
100.0%	100.0% #E3B5E1	RGB 227 181 225	#E3B5E1

#CAA265 #CE9171 #D2857E #D68B98 #DA98B5 #DEA6CD #E3B5E1

#CAA265 - #D68B98 - #E3B5E1

CSS codes

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

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