#5E465A - #D369D4 | 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 #5E465A to #D369D4

#5E465A #D369D4

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

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #714B6E	RGB 113 75 110	#714B6E
33.3%	33.3% #855182	RGB 133 81 130	#855182
50.0%	50.0% #985797	RGB 152 87 151	#985797
66.7%	66.7% #AC5DAB	RGB 172 93 171	#AC5DAB
83.3%	83.3% #BF63BF	RGB 191 99 191	#BF63BF
100.0%	100.0% #D369D4	RGB 211 105 212	#D369D4

#5E465A #714B6E #855182 #985797 #AC5DAB #BF63BF #D369D4

#5E465A - #D369D4

HSV Blend

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

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #714F6D	RGB 113 79 109	#714F6D
33.3%	33.3% #855880	RGB 133 88 128	#855880
50.0%	50.0% #995E94	RGB 153 94 148	#995E94
66.7%	66.7% #AC63A9	RGB 172 99 169	#AC63A9
83.3%	83.3% #C067BE	RGB 192 103 190	#C067BE
100.0%	100.0% #D369D4	RGB 211 105 212	#D369D4

#5E465A #714F6D #855880 #995E94 #AC63A9 #C067BE #D369D4

#5E465A - #995E94 - #D369D4

CSS codes

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

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