#EB6D95 - #AA1149 | 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 #EB6D95 to #AA1149

#EB6D95 #AA1149

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

#EB6D95 - #AA1149 | 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 #EB6D95 as 0% and #AA1149 as 100%.

0.0%	0.0% #EB6D95	RGB 235 109 149	#EB6D95
16.7%	16.7% #E05D88	RGB 224 93 136	#E05D88
33.3%	33.3% #D54E7B	RGB 213 78 123	#D54E7B
50.0%	50.0% #CA3F6F	RGB 202 63 111	#CA3F6F
66.7%	66.7% #BF2F62	RGB 191 47 98	#BF2F62
83.3%	83.3% #B42055	RGB 180 32 85	#B42055
100.0%	100.0% #AA1149	RGB 170 17 73	#AA1149

#EB6D95 #E05D88 #D54E7B #CA3F6F #BF2F62 #B42055 #AA1149

#EB6D95 - #AA1149

HSV Blend

#EB6D95 - #AA1149 | 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 #EB6D95 as 0% and #AA1149 as 100%.

0.0%	0.0% #EB6D94	RGB 235 109 148	#EB6D94
16.7%	16.7% #E05A85	RGB 224 90 133	#E05A85
33.3%	33.3% #D54977	RGB 213 73 119	#D54977
50.0%	50.0% #CA396A	RGB 202 57 106	#CA396A
66.7%	66.7% #BF2A5E	RGB 191 42 94	#BF2A5E
83.3%	83.3% #B41D53	RGB 180 29 83	#B41D53
100.0%	100.0% #AA1149	RGB 170 17 73	#AA1149

#EB6D94 #E05A85 #D54977 #CA396A #BF2A5E #B41D53 #AA1149

#EB6D95 - #CA396A - #AA1149

CSS codes

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

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