#ED1F5E - #7F0026 | 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 #ED1F5E to #7F0026

#ED1F5E #7F0026

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

#ED1F5E - #7F0026 | 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 #ED1F5E as 0% and #7F0026 as 100%.

0.0%	0.0% #ED1F5E	RGB 237 31 94	#ED1F5E
16.7%	16.7% #DA1954	RGB 218 25 84	#DA1954
33.3%	33.3% #C8144B	RGB 200 20 75	#C8144B
50.0%	50.0% #B60F42	RGB 182 15 66	#B60F42
66.7%	66.7% #A30A38	RGB 163 10 56	#A30A38
83.3%	83.3% #91052F	RGB 145 5 47	#91052F
100.0%	100.0% #7F0026	RGB 127 0 38	#7F0026

#ED1F5E #DA1954 #C8144B #B60F42 #A30A38 #91052F #7F0026

#ED1F5E - #7F0026

HSV Blend

#ED1F5E - #7F0026 | 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 #ED1F5E as 0% and #7F0026 as 100%.

0.0%	0.0% #ED1F5D	RGB 237 31 93	#ED1F5D
16.7%	16.7% #DA1753	RGB 218 23 83	#DA1753
33.3%	33.3% #C81148	RGB 200 17 72	#C81148
50.0%	50.0% #B60B3F	RGB 182 11 63	#B60B3F
66.7%	66.7% #A30736	RGB 163 7 54	#A30736
83.3%	83.3% #91032D	RGB 145 3 45	#91032D
100.0%	100.0% #7F0026	RGB 127 0 38	#7F0026

#ED1F5D #DA1753 #C81148 #B60B3F #A30736 #91032D #7F0026

#ED1F5E - #B60B3F - #7F0026

CSS codes

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

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