#CDAFC1 - #A05275 | 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 #CDAFC1 to #A05275

#CDAFC1 #A05275

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

#CDAFC1 - #A05275 | 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 #CDAFC1 as 0% and #A05275 as 100%.

0.0%	0.0% #CDAFC1	RGB 205 175 193	#CDAFC1
16.7%	16.7% #C59FB4	RGB 197 159 180	#C59FB4
33.3%	33.3% #BE90A7	RGB 190 144 167	#BE90A7
50.0%	50.0% #B6809B	RGB 182 128 155	#B6809B
66.7%	66.7% #AF718E	RGB 175 113 142	#AF718E
83.3%	83.3% #A76181	RGB 167 97 129	#A76181
100.0%	100.0% #A05275	RGB 160 82 117	#A05275

#CDAFC1 #C59FB4 #BE90A7 #B6809B #AF718E #A76181 #A05275

#CDAFC1 - #A05275

HSV Blend

#CDAFC1 - #A05275 | 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 #CDAFC1 as 0% and #A05275 as 100%.

0.0%	0.0% #CDAFC1	RGB 205 175 193	#CDAFC1
16.7%	16.7% #C59DB4	RGB 197 157 180	#C59DB4
33.3%	33.3% #BE8CA7	RGB 190 140 167	#BE8CA7
50.0%	50.0% #B67C9A	RGB 182 124 154	#B67C9A
66.7%	66.7% #AF6D8E	RGB 175 109 142	#AF6D8E
83.3%	83.3% #A75F81	RGB 167 95 129	#A75F81
100.0%	100.0% #A05275	RGB 160 82 117	#A05275

#CDAFC1 #C59DB4 #BE8CA7 #B67C9A #AF6D8E #A75F81 #A05275

#CDAFC1 - #B67C9A - #A05275

CSS codes

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

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