#E4A8BA - #B34B6D | 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 #E4A8BA to #B34B6D

#E4A8BA #B34B6D

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

#E4A8BA - #B34B6D | 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 #E4A8BA as 0% and #B34B6D as 100%.

0.0%	0.0% #E4A8BA	RGB 228 168 186	#E4A8BA
16.7%	16.7% #DB98AD	RGB 219 152 173	#DB98AD
33.3%	33.3% #D389A0	RGB 211 137 160	#D389A0
50.0%	50.0% #CB7993	RGB 203 121 147	#CB7993
66.7%	66.7% #C36A86	RGB 195 106 134	#C36A86
83.3%	83.3% #BB5A79	RGB 187 90 121	#BB5A79
100.0%	100.0% #B34B6D	RGB 179 75 109	#B34B6D

#E4A8BA #DB98AD #D389A0 #CB7993 #C36A86 #BB5A79 #B34B6D

#E4A8BA - #B34B6D

HSV Blend

#E4A8BA - #B34B6D | 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 #E4A8BA as 0% and #B34B6D as 100%.

0.0%	0.0% #E4A8BA	RGB 228 168 186	#E4A8BA
16.7%	16.7% #DB96AB	RGB 219 150 171	#DB96AB
33.3%	33.3% #D3859D	RGB 211 133 157	#D3859D
50.0%	50.0% #CB7590	RGB 203 117 144	#CB7590
66.7%	66.7% #C36684	RGB 195 102 132	#C36684
83.3%	83.3% #BB5878	RGB 187 88 120	#BB5878
100.0%	100.0% #B34B6D	RGB 179 75 109	#B34B6D

#E4A8BA #DB96AB #D3859D #CB7590 #C36684 #BB5878 #B34B6D

#E4A8BA - #CB7590 - #B34B6D

CSS codes

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

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