#5E3290 - #CF80AB | 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 #5E3290 to #CF80AB

#5E3290 #CF80AB

Calculate the color between two colors, #5E3290 and #CF80AB. 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)

#5E3290 - #CF80AB | 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 #5E3290 as 0% and #CF80AB as 100%.

0.0%	0.0% #5E3290	RGB 94 50 144	#5E3290
16.7%	16.7% #703F94	RGB 112 63 148	#703F94
33.3%	33.3% #834C99	RGB 131 76 153	#834C99
50.0%	50.0% #96599D	RGB 150 89 157	#96599D
66.7%	66.7% #A966A2	RGB 169 102 162	#A966A2
83.3%	83.3% #BC73A6	RGB 188 115 166	#BC73A6
100.0%	100.0% #CF80AB	RGB 207 128 171	#CF80AB

#5E3290 #703F94 #834C99 #96599D #A966A2 #BC73A6 #CF80AB

#5E3290 - #CF80AB

HSV Blend

#5E3290 - #CF80AB | 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 #5E3290 as 0% and #CF80AB as 100%.

0.0%	0.0% #5D3290	RGB 93 50 144	#5D3290
16.7%	16.7% #783C9A	RGB 120 60 154	#783C9A
33.3%	33.3% #9248A5	RGB 146 72 165	#9248A5
50.0%	50.0% #AC54AF	RGB 172 84 175	#AC54AF
66.7%	66.7% #BA62AE	RGB 186 98 174	#BA62AE
83.3%	83.3% #C470AC	RGB 196 112 172	#C470AC
100.0%	100.0% #CF80AB	RGB 207 128 171	#CF80AB

#5D3290 #783C9A #9248A5 #AC54AF #BA62AE #C470AC #CF80AB

#5E3290 - #AC54AF - #CF80AB

CSS codes

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

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