#EB496B - #95042B | 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 #EB496B to #95042B

#EB496B #95042B

Calculate the color between two colors, #EB496B and #95042B. 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)

#EB496B - #95042B | 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 #EB496B as 0% and #95042B as 100%.

0.0%	0.0% #EB496B	RGB 235 73 107	#EB496B
16.7%	16.7% #DC3D60	RGB 220 61 96	#DC3D60
33.3%	33.3% #CE3255	RGB 206 50 85	#CE3255
50.0%	50.0% #C0264B	RGB 192 38 75	#C0264B
66.7%	66.7% #B11B40	RGB 177 27 64	#B11B40
83.3%	83.3% #A30F35	RGB 163 15 53	#A30F35
100.0%	100.0% #95042B	RGB 149 4 43	#95042B

#EB496B #DC3D60 #CE3255 #C0264B #B11B40 #A30F35 #95042B

#EB496B - #95042B

HSV Blend

#EB496B - #95042B | 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 #EB496B as 0% and #95042B as 100%.

0.0%	0.0% #EB496A	RGB 235 73 106	#EB496A
16.7%	16.7% #DC3A5D	RGB 220 58 93	#DC3A5D
33.3%	33.3% #CE2C51	RGB 206 44 81	#CE2C51
50.0%	50.0% #C02046	RGB 192 32 70	#C02046
66.7%	66.7% #B1153C	RGB 177 21 60	#B1153C
83.3%	83.3% #A30C33	RGB 163 12 51	#A30C33
100.0%	100.0% #95042B	RGB 149 4 43	#95042B

#EB496A #DC3A5D #CE2C51 #C02046 #B1153C #A30C33 #95042B

#EB496B - #C02046 - #95042B

CSS codes

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

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