#CFB5E0 - #A051AF | 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 #CFB5E0 to #A051AF

#CFB5E0 #A051AF

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

#CFB5E0 - #A051AF | 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 #CFB5E0 as 0% and #A051AF as 100%.

0.0%	0.0% #CFB5E0	RGB 207 181 224	#CFB5E0
16.7%	16.7% #C7A4D7	RGB 199 164 215	#C7A4D7
33.3%	33.3% #BF93CF	RGB 191 147 207	#BF93CF
50.0%	50.0% #B783C7	RGB 183 131 199	#B783C7
66.7%	66.7% #AF72BF	RGB 175 114 191	#AF72BF
83.3%	83.3% #A761B7	RGB 167 97 183	#A761B7
100.0%	100.0% #A051AF	RGB 160 81 175	#A051AF

#CFB5E0 #C7A4D7 #BF93CF #B783C7 #AF72BF #A761B7 #A051AF

#CFB5E0 - #A051AF

HSV Blend

#CFB5E0 - #A051AF | 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 #CFB5E0 as 0% and #A051AF as 100%.

0.0%	0.0% #CFB5E0	RGB 207 181 224	#CFB5E0
16.7%	16.7% #C4A1D7	RGB 196 161 215	#C4A1D7
33.3%	33.3% #BB8FCF	RGB 187 143 207	#BB8FCF
50.0%	50.0% #B37EC7	RGB 179 126 199	#B37EC7
66.7%	66.7% #AC6EBF	RGB 172 110 191	#AC6EBF
83.3%	83.3% #A55FB7	RGB 165 95 183	#A55FB7
100.0%	100.0% #A051AF	RGB 160 81 175	#A051AF

#CFB5E0 #C4A1D7 #BB8FCF #B37EC7 #AC6EBF #A55FB7 #A051AF

#CFB5E0 - #B37EC7 - #A051AF

CSS codes

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

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