#EB6D82 - #CD2A34 | 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 #EB6D82 to #CD2A34

#EB6D82 #CD2A34

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

#EB6D82 - #CD2A34 | 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 #EB6D82 as 0% and #CD2A34 as 100%.

0.0%	0.0% #EB6D82	RGB 235 109 130	#EB6D82
16.7%	16.7% #E66175	RGB 230 97 117	#E66175
33.3%	33.3% #E15668	RGB 225 86 104	#E15668
50.0%	50.0% #DC4B5B	RGB 220 75 91	#DC4B5B
66.7%	66.7% #D7404E	RGB 215 64 78	#D7404E
83.3%	83.3% #D23541	RGB 210 53 65	#D23541
100.0%	100.0% #CD2A34	RGB 205 42 52	#CD2A34

#EB6D82 #E66175 #E15668 #DC4B5B #D7404E #D23541 #CD2A34

#EB6D82 - #CD2A34

HSV Blend

#EB6D82 - #CD2A34 | 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 #EB6D82 as 0% and #CD2A34 as 100%.

0.0%	0.0% #EB6D82	RGB 235 109 130	#EB6D82
16.7%	16.7% #E66074	RGB 230 96 116	#E66074
33.3%	33.3% #E15467	RGB 225 84 103	#E15467
50.0%	50.0% #DC495A	RGB 220 73 90	#DC495A
66.7%	66.7% #D73E4D	RGB 215 62 77	#D73E4D
83.3%	83.3% #D23440	RGB 210 52 64	#D23440
100.0%	100.0% #CD2A34	RGB 205 42 52	#CD2A34

#EB6D82 #E66074 #E15467 #DC495A #D73E4D #D23440 #CD2A34

#EB6D82 - #DC495A - #CD2A34

CSS codes

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

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