#C9AEC7 - #A24B7D | 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 #C9AEC7 to #A24B7D

#C9AEC7 #A24B7D

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

#C9AEC7 - #A24B7D | 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 #C9AEC7 as 0% and #A24B7D as 100%.

0.0%	0.0% #C9AEC7	RGB 201 174 199	#C9AEC7
16.7%	16.7% #C29DBA	RGB 194 157 186	#C29DBA
33.3%	33.3% #BC8DAE	RGB 188 141 174	#BC8DAE
50.0%	50.0% #B57CA2	RGB 181 124 162	#B57CA2
66.7%	66.7% #AF6C95	RGB 175 108 149	#AF6C95
83.3%	83.3% #A85B89	RGB 168 91 137	#A85B89
100.0%	100.0% #A24B7D	RGB 162 75 125	#A24B7D

#C9AEC7 #C29DBA #BC8DAE #B57CA2 #AF6C95 #A85B89 #A24B7D

#C9AEC7 - #A24B7D

HSV Blend

#C9AEC7 - #A24B7D | 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 #C9AEC7 as 0% and #A24B7D as 100%.

0.0%	0.0% #C9AEC7	RGB 201 174 199	#C9AEC7
16.7%	16.7% #C29BBD	RGB 194 155 189	#C29BBD
33.3%	33.3% #BC89B2	RGB 188 137 178	#BC89B2
50.0%	50.0% #B578A6	RGB 181 120 166	#B578A6
66.7%	66.7% #AF6899	RGB 175 104 153	#AF6899
83.3%	83.3% #A8598B	RGB 168 89 139	#A8598B
100.0%	100.0% #A24B7D	RGB 162 75 125	#A24B7D

#C9AEC7 #C29BBD #BC89B2 #B578A6 #AF6899 #A8598B #A24B7D

#C9AEC7 - #B578A6 - #A24B7D

CSS codes

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

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