#5E234C - #BE5970 | 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 #5E234C to #BE5970

#5E234C #BE5970

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

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

0.0%	0.0% #5E234C	RGB 94 35 76	#5E234C
16.7%	16.7% #6E2C52	RGB 110 44 82	#6E2C52
33.3%	33.3% #7E3558	RGB 126 53 88	#7E3558
50.0%	50.0% #8E3E5E	RGB 142 62 94	#8E3E5E
66.7%	66.7% #9E4764	RGB 158 71 100	#9E4764
83.3%	83.3% #AE506A	RGB 174 80 106	#AE506A
100.0%	100.0% #BE5970	RGB 190 89 112	#BE5970

#5E234C #6E2C52 #7E3558 #8E3E5E #9E4764 #AE506A #BE5970

#5E234C - #BE5970

HSV Blend

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

0.0%	0.0% #5E234C	RGB 94 35 76	#5E234C
16.7%	16.7% #6E2A54	RGB 110 42 84	#6E2A54
33.3%	33.3% #7E325B	RGB 126 50 91	#7E325B
50.0%	50.0% #8E3B61	RGB 142 59 97	#8E3B61
66.7%	66.7% #9E4467	RGB 158 68 103	#9E4467
83.3%	83.3% #AE4E6B	RGB 174 78 107	#AE4E6B
100.0%	100.0% #BE5970	RGB 190 89 112	#BE5970

#5E234C #6E2A54 #7E325B #8E3B61 #9E4467 #AE4E6B #BE5970

#5E234C - #8E3B61 - #BE5970

CSS codes

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

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