#E4A8CF - #B94086 | 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 #E4A8CF to #B94086

#E4A8CF #B94086

Calculate the color between two colors, #E4A8CF and #B94086. 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)

#E4A8CF - #B94086 | 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 #E4A8CF as 0% and #B94086 as 100%.

0.0%	0.0% #E4A8CF	RGB 228 168 207	#E4A8CF
16.7%	16.7% #DC96C2	RGB 220 150 194	#DC96C2
33.3%	33.3% #D585B6	RGB 213 133 182	#D585B6
50.0%	50.0% #CE74AA	RGB 206 116 170	#CE74AA
66.7%	66.7% #C7629E	RGB 199 98 158	#C7629E
83.3%	83.3% #C05192	RGB 192 81 146	#C05192
100.0%	100.0% #B94086	RGB 185 64 134	#B94086

#E4A8CF #DC96C2 #D585B6 #CE74AA #C7629E #C05192 #B94086

#E4A8CF - #B94086

HSV Blend

#E4A8CF - #B94086 | 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 #E4A8CF as 0% and #B94086 as 100%.

0.0%	0.0% #E4A8CF	RGB 228 168 207	#E4A8CF
16.7%	16.7% #DC94C2	RGB 220 148 194	#DC94C2
33.3%	33.3% #D581B6	RGB 213 129 182	#D581B6
50.0%	50.0% #CE6FA9	RGB 206 111 169	#CE6FA9
66.7%	66.7% #C75E9D	RGB 199 94 157	#C75E9D
83.3%	83.3% #C04E91	RGB 192 78 145	#C04E91
100.0%	100.0% #B94086	RGB 185 64 134	#B94086

#E4A8CF #DC94C2 #D581B6 #CE6FA9 #C75E9D #C04E91 #B94086

#E4A8CF - #CE6FA9 - #B94086

CSS codes

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

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