#5E3C55 - #CF60B2 | 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 #5E3C55 to #CF60B2

#5E3C55 #CF60B2

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

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

0.0%	0.0% #5E3C55	RGB 94 60 85	#5E3C55
16.7%	16.7% #704264	RGB 112 66 100	#704264
33.3%	33.3% #834874	RGB 131 72 116	#834874
50.0%	50.0% #964E83	RGB 150 78 131	#964E83
66.7%	66.7% #A95493	RGB 169 84 147	#A95493
83.3%	83.3% #BC5AA2	RGB 188 90 162	#BC5AA2
100.0%	100.0% #CF60B2	RGB 207 96 178	#CF60B2

#5E3C55 #704264 #834874 #964E83 #A95493 #BC5AA2 #CF60B2

#5E3C55 - #CF60B2

HSV Blend

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

0.0%	0.0% #5E3C54	RGB 94 60 84	#5E3C54
16.7%	16.7% #704465	RGB 112 68 101	#704465
33.3%	33.3% #834C75	RGB 131 76 117	#834C75
50.0%	50.0% #965284	RGB 150 82 132	#965284
66.7%	66.7% #A95894	RGB 169 88 148	#A95894
83.3%	83.3% #BC5CA3	RGB 188 92 163	#BC5CA3
100.0%	100.0% #CF60B2	RGB 207 96 178	#CF60B2

#5E3C54 #704465 #834C75 #965284 #A95894 #BC5CA3 #CF60B2

#5E3C55 - #965284 - #CF60B2

CSS codes

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

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