#3E3A8D - #CF89BE | 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 #3E3A8D to #CF89BE

#3E3A8D #CF89BE

Calculate the color between two colors, #3E3A8D and #CF89BE. 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)

#3E3A8D - #CF89BE | 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 #3E3A8D as 0% and #CF89BE as 100%.

0.0%	0.0% #3E3A8D	RGB 62 58 141	#3E3A8D
16.7%	16.7% #564795	RGB 86 71 149	#564795
33.3%	33.3% #6E549D	RGB 110 84 157	#6E549D
50.0%	50.0% #8661A5	RGB 134 97 165	#8661A5
66.7%	66.7% #9E6EAD	RGB 158 110 173	#9E6EAD
83.3%	83.3% #B67BB5	RGB 182 123 181	#B67BB5
100.0%	100.0% #CF89BE	RGB 207 137 190	#CF89BE

#3E3A8D #564795 #6E549D #8661A5 #9E6EAD #B67BB5 #CF89BE

#3E3A8D - #CF89BE

HSV Blend

#3E3A8D - #CF89BE | 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 #3E3A8D as 0% and #CF89BE as 100%.

0.0%	0.0% #3D3A8D	RGB 61 58 141	#3D3A8D
16.7%	16.7% #594498	RGB 89 68 152	#594498
33.3%	33.3% #7550A3	RGB 117 80 163	#7550A3
50.0%	50.0% #915DAE	RGB 145 93 174	#915DAE
66.7%	66.7% #AC6AB9	RGB 172 106 185	#AC6AB9
83.3%	83.3% #C479C0	RGB 196 121 192	#C479C0
100.0%	100.0% #CF89BE	RGB 207 137 190	#CF89BE

#3D3A8D #594498 #7550A3 #915DAE #AC6AB9 #C479C0 #CF89BE

#3E3A8D - #915DAE - #CF89BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3A8D 0%, #915DAE 50%, #CF89BE 100%);
    background: -webkit-linear-gradient(top, #3D3A8D 0%, #915DAE 50%, #CF89BE 100%);
    background: linear-gradient(to bottom, #3D3A8D 0%, #915DAE 50%, #CF89BE 100%);
}
</style>