#5E3695 - #D085B0 | 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 #5E3695 to #D085B0

#5E3695 #D085B0

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

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

0.0%	0.0% #5E3695	RGB 94 54 149	#5E3695
16.7%	16.7% #714399	RGB 113 67 153	#714399
33.3%	33.3% #84509E	RGB 132 80 158	#84509E
50.0%	50.0% #975DA2	RGB 151 93 162	#975DA2
66.7%	66.7% #AA6AA7	RGB 170 106 167	#AA6AA7
83.3%	83.3% #BD77AB	RGB 189 119 171	#BD77AB
100.0%	100.0% #D085B0	RGB 208 133 176	#D085B0

#5E3695 #714399 #84509E #975DA2 #AA6AA7 #BD77AB #D085B0

#5E3695 - #D085B0

HSV Blend

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

0.0%	0.0% #5E3695	RGB 94 54 149	#5E3695
16.7%	16.7% #78409E	RGB 120 64 158	#78409E
33.3%	33.3% #924CA8	RGB 146 76 168	#924CA8
50.0%	50.0% #AB59B2	RGB 171 89 178	#AB59B2
66.7%	66.7% #BC67B4	RGB 188 103 180	#BC67B4
83.3%	83.3% #C675B1	RGB 198 117 177	#C675B1
100.0%	100.0% #D085B0	RGB 208 133 176	#D085B0

#5E3695 #78409E #924CA8 #AB59B2 #BC67B4 #C675B1 #D085B0

#5E3695 - #AB59B2 - #D085B0

CSS codes

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

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