#5E465A - #CE70A2 | 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 #CE70A2

#5E465A #CE70A2

Calculate the color between two colors, #5E465A and #CE70A2. 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 - #CE70A2 | 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 #CE70A2 as 100%.

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #704D66	RGB 112 77 102	#704D66
33.3%	33.3% #835472	RGB 131 84 114	#835472
50.0%	50.0% #965B7E	RGB 150 91 126	#965B7E
66.7%	66.7% #A8628A	RGB 168 98 138	#A8628A
83.3%	83.3% #BB6996	RGB 187 105 150	#BB6996
100.0%	100.0% #CE70A2	RGB 206 112 162	#CE70A2

#5E465A #704D66 #835472 #965B7E #A8628A #BB6996 #CE70A2

#5E465A - #CE70A2

HSV Blend

#5E465A - #CE70A2 | 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 #CE70A2 as 100%.

0.0%	0.0% #5E465A	RGB 94 70 90	#5E465A
16.7%	16.7% #705069	RGB 112 80 105	#705069
33.3%	33.3% #835978	RGB 131 89 120	#835978
50.0%	50.0% #966085	RGB 150 96 133	#966085
66.7%	66.7% #A86790	RGB 168 103 144	#A86790
83.3%	83.3% #BB6C9A	RGB 187 108 154	#BB6C9A
100.0%	100.0% #CE70A2	RGB 206 112 162	#CE70A2

#5E465A #705069 #835978 #966085 #A86790 #BB6C9A #CE70A2

#5E465A - #966085 - #CE70A2

CSS codes

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

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