#E5A8BC - #AF5277 | 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 #E5A8BC to #AF5277

#E5A8BC #AF5277

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

#E5A8BC - #AF5277 | 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 #E5A8BC as 0% and #AF5277 as 100%.

0.0%	0.0% #E5A8BC	RGB 229 168 188	#E5A8BC
16.7%	16.7% #DC99B0	RGB 220 153 176	#DC99B0
33.3%	33.3% #D38BA5	RGB 211 139 165	#D38BA5
50.0%	50.0% #CA7D99	RGB 202 125 153	#CA7D99
66.7%	66.7% #C16E8E	RGB 193 110 142	#C16E8E
83.3%	83.3% #B86082	RGB 184 96 130	#B86082
100.0%	100.0% #AF5277	RGB 175 82 119	#AF5277

#E5A8BC #DC99B0 #D38BA5 #CA7D99 #C16E8E #B86082 #AF5277

#E5A8BC - #AF5277

HSV Blend

#E5A8BC - #AF5277 | 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 #E5A8BC as 0% and #AF5277 as 100%.

0.0%	0.0% #E5A8BC	RGB 229 168 188	#E5A8BC
16.7%	16.7% #DC97AE	RGB 220 151 174	#DC97AE
33.3%	33.3% #D388A2	RGB 211 136 162	#D388A2
50.0%	50.0% #CA7996	RGB 202 121 150	#CA7996
66.7%	66.7% #C16B8B	RGB 193 107 139	#C16B8B
83.3%	83.3% #B85E80	RGB 184 94 128	#B85E80
100.0%	100.0% #AF5277	RGB 175 82 119	#AF5277

#E5A8BC #DC97AE #D388A2 #CA7996 #C16B8B #B85E80 #AF5277

#E5A8BC - #CA7996 - #AF5277

CSS codes

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

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