#D61E6B - #FF7E7F | 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 #D61E6B to #FF7E7F

#D61E6B #FF7E7F

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

#D61E6B - #FF7E7F | 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 #D61E6B as 0% and #FF7E7F as 100%.

0.0%	0.0% #D61E6B	RGB 214 30 107	#D61E6B
16.7%	16.7% #DC2E6E	RGB 220 46 110	#DC2E6E
33.3%	33.3% #E33E71	RGB 227 62 113	#E33E71
50.0%	50.0% #EA4E75	RGB 234 78 117	#EA4E75
66.7%	66.7% #F15E78	RGB 241 94 120	#F15E78
83.3%	83.3% #F86E7B	RGB 248 110 123	#F86E7B
100.0%	100.0% #FF7E7F	RGB 255 126 127	#FF7E7F

#D61E6B #DC2E6E #E33E71 #EA4E75 #F15E78 #F86E7B #FF7E7F

#D61E6B - #FF7E7F

HSV Blend

#D61E6B - #FF7E7F | 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 #D61E6B as 0% and #FF7E7F as 100%.

0.0%	0.0% #D61E6B	RGB 214 30 107	#D61E6B
16.7%	16.7% #DC2B69	RGB 220 43 105	#DC2B69
33.3%	33.3% #E33A6A	RGB 227 58 106	#E33A6A
50.0%	50.0% #EA4A6C	RGB 234 74 108	#EA4A6C
66.7%	66.7% #F15A70	RGB 241 90 112	#F15A70
83.3%	83.3% #F86B76	RGB 248 107 118	#F86B76
100.0%	100.0% #FF7E7F	RGB 255 126 127	#FF7E7F

#D61E6B #DC2B69 #E33A6A #EA4A6C #F15A70 #F86B76 #FF7E7F

#D61E6B - #EA4A6C - #FF7E7F

CSS codes

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

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