#EB6A8A - #A71340 | 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 #EB6A8A to #A71340

#EB6A8A #A71340

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

#EB6A8A - #A71340 | 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 #EB6A8A as 0% and #A71340 as 100%.

0.0%	0.0% #EB6A8A	RGB 235 106 138	#EB6A8A
16.7%	16.7% #DF5B7D	RGB 223 91 125	#DF5B7D
33.3%	33.3% #D44D71	RGB 212 77 113	#D44D71
50.0%	50.0% #C93E65	RGB 201 62 101	#C93E65
66.7%	66.7% #BD3058	RGB 189 48 88	#BD3058
83.3%	83.3% #B2214C	RGB 178 33 76	#B2214C
100.0%	100.0% #A71340	RGB 167 19 64	#A71340

#EB6A8A #DF5B7D #D44D71 #C93E65 #BD3058 #B2214C #A71340

#EB6A8A - #A71340

HSV Blend

#EB6A8A - #A71340 | 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 #EB6A8A as 0% and #A71340 as 100%.

0.0%	0.0% #EB6A8A	RGB 235 106 138	#EB6A8A
16.7%	16.7% #DF587B	RGB 223 88 123	#DF587B
33.3%	33.3% #D4476D	RGB 212 71 109	#D4476D
50.0%	50.0% #C93860	RGB 201 56 96	#C93860
66.7%	66.7% #BD2A54	RGB 189 42 84	#BD2A54
83.3%	83.3% #B21E49	RGB 178 30 73	#B21E49
100.0%	100.0% #A71340	RGB 167 19 64	#A71340

#EB6A8A #DF587B #D4476D #C93860 #BD2A54 #B21E49 #A71340

#EB6A8A - #C93860 - #A71340

CSS codes

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

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