#DC366B - #FF967E | 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 #DC366B to #FF967E

#DC366B #FF967E

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

#DC366B - #FF967E | 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 #DC366B as 0% and #FF967E as 100%.

0.0%	0.0% #DC366B	RGB 220 54 107	#DC366B
16.7%	16.7% #E1466E	RGB 225 70 110	#E1466E
33.3%	33.3% #E75671	RGB 231 86 113	#E75671
50.0%	50.0% #ED6674	RGB 237 102 116	#ED6674
66.7%	66.7% #F37677	RGB 243 118 119	#F37677
83.3%	83.3% #F9867A	RGB 249 134 122	#F9867A
100.0%	100.0% #FF967E	RGB 255 150 126	#FF967E

#DC366B #E1466E #E75671 #ED6674 #F37677 #F9867A #FF967E

#DC366B - #FF967E

HSV Blend

#DC366B - #FF967E | 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 #DC366B as 0% and #FF967E as 100%.

0.0%	0.0% #DC366B	RGB 220 54 107	#DC366B
16.7%	16.7% #E14066	RGB 225 64 102	#E14066
33.3%	33.3% #E74C63	RGB 231 76 99	#E74C63
50.0%	50.0% #ED5761	RGB 237 87 97	#ED5761
66.7%	66.7% #F36664	RGB 243 102 100	#F36664
83.3%	83.3% #F97E70	RGB 249 126 112	#F97E70
100.0%	100.0% #FF967E	RGB 255 150 126	#FF967E

#DC366B #E14066 #E74C63 #ED5761 #F36664 #F97E70 #FF967E

#DC366B - #ED5761 - #FF967E

CSS codes

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

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