#5E3FAD - #CF94CA | 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 #5E3FAD to #CF94CA

#5E3FAD #CF94CA

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

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

0.0%	0.0% #5E3FAD	RGB 94 63 173	#5E3FAD
16.7%	16.7% #704DB1	RGB 112 77 177	#704DB1
33.3%	33.3% #835BB6	RGB 131 91 182	#835BB6
50.0%	50.0% #9669BB	RGB 150 105 187	#9669BB
66.7%	66.7% #A977C0	RGB 169 119 192	#A977C0
83.3%	83.3% #BC85C5	RGB 188 133 197	#BC85C5
100.0%	100.0% #CF94CA	RGB 207 148 202	#CF94CA

#5E3FAD #704DB1 #835BB6 #9669BB #A977C0 #BC85C5 #CF94CA

#5E3FAD - #CF94CA

HSV Blend

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

0.0%	0.0% #5D3FAD	RGB 93 63 173	#5D3FAD
16.7%	16.7% #764BB2	RGB 118 75 178	#764BB2
33.3%	33.3% #8D58B8	RGB 141 88 184	#8D58B8
50.0%	50.0% #A266BE	RGB 162 102 190	#A266BE
66.7%	66.7% #B575C3	RGB 181 117 195	#B575C3
83.3%	83.3% #C584C9	RGB 197 132 201	#C584C9
100.0%	100.0% #CF94CA	RGB 207 148 202	#CF94CA

#5D3FAD #764BB2 #8D58B8 #A266BE #B575C3 #C584C9 #CF94CA

#5E3FAD - #A266BE - #CF94CA

CSS codes

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

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