#755DB6 - #E9AFC6 | 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 #755DB6 to #E9AFC6

#755DB6 #E9AFC6

Calculate the color between two colors, #755DB6 and #E9AFC6. 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)

#755DB6 - #E9AFC6 | 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 #755DB6 as 0% and #E9AFC6 as 100%.

0.0%	0.0% #755DB6	RGB 117 93 182	#755DB6
16.7%	16.7% #886AB8	RGB 136 106 184	#886AB8
33.3%	33.3% #9B78BB	RGB 155 120 187	#9B78BB
50.0%	50.0% #AF86BE	RGB 175 134 190	#AF86BE
66.7%	66.7% #C293C0	RGB 194 147 192	#C293C0
83.3%	83.3% #D5A1C3	RGB 213 161 195	#D5A1C3
100.0%	100.0% #E9AFC6	RGB 233 175 198	#E9AFC6

#755DB6 #886AB8 #9B78BB #AF86BE #C293C0 #D5A1C3 #E9AFC6

#755DB6 - #E9AFC6

HSV Blend

#755DB6 - #E9AFC6 | 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 #755DB6 as 0% and #E9AFC6 as 100%.

0.0%	0.0% #755DB6	RGB 117 93 182	#755DB6
16.7%	16.7% #9368BE	RGB 147 104 190	#9368BE
33.3%	33.3% #AF75C7	RGB 175 117 199	#AF75C7
50.0%	50.0% #CA82CF	RGB 202 130 207	#CA82CF
66.7%	66.7% #D890CC	RGB 216 144 204	#D890CC
83.3%	83.3% #E09FC7	RGB 224 159 199	#E09FC7
100.0%	100.0% #E9AFC6	RGB 233 175 198	#E9AFC6

#755DB6 #9368BE #AF75C7 #CA82CF #D890CC #E09FC7 #E9AFC6

#755DB6 - #CA82CF - #E9AFC6

CSS codes

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

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