#5E4F6D - #CC78DB | 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 #5E4F6D to #CC78DB

#5E4F6D #CC78DB

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

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

0.0%	0.0% #5E4F6D	RGB 94 79 109	#5E4F6D
16.7%	16.7% #70557F	RGB 112 85 127	#70557F
33.3%	33.3% #825C91	RGB 130 92 145	#825C91
50.0%	50.0% #9563A4	RGB 149 99 164	#9563A4
66.7%	66.7% #A76AB6	RGB 167 106 182	#A76AB6
83.3%	83.3% #B971C8	RGB 185 113 200	#B971C8
100.0%	100.0% #CC78DB	RGB 204 120 219	#CC78DB

#5E4F6D #70557F #825C91 #9563A4 #A76AB6 #B971C8 #CC78DB

#5E4F6D - #CC78DB

HSV Blend

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

0.0%	0.0% #5E4F6D	RGB 94 79 109	#5E4F6D
16.7%	16.7% #6E587F	RGB 110 88 127	#6E587F
33.3%	33.3% #7E6091	RGB 126 96 145	#7E6091
50.0%	50.0% #9068A4	RGB 144 104 164	#9068A4
66.7%	66.7% #A36EB6	RGB 163 110 182	#A36EB6
83.3%	83.3% #B673C8	RGB 182 115 200	#B673C8
100.0%	100.0% #CC78DB	RGB 204 120 219	#CC78DB

#5E4F6D #6E587F #7E6091 #9068A4 #A36EB6 #B673C8 #CC78DB

#5E4F6D - #9068A4 - #CC78DB

CSS codes

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

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