#E6607B - #411B23 | 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 #E6607B to #411B23

#E6607B #411B23

Calculate the color between two colors, #E6607B and #411B23. 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)

#E6607B - #411B23 | 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 #E6607B as 0% and #411B23 as 100%.

0.0%	0.0% #E6607B	RGB 230 96 123	#E6607B
16.7%	16.7% #CA546C	RGB 202 84 108	#CA546C
33.3%	33.3% #AF495D	RGB 175 73 93	#AF495D
50.0%	50.0% #933D4F	RGB 147 61 79	#933D4F
66.7%	66.7% #783240	RGB 120 50 64	#783240
83.3%	83.3% #5C2631	RGB 92 38 49	#5C2631
100.0%	100.0% #411B23	RGB 65 27 35	#411B23

#E6607B #CA546C #AF495D #933D4F #783240 #5C2631 #411B23

#E6607B - #411B23

HSV Blend

#E6607B - #411B23 | 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 #E6607B as 0% and #411B23 as 100%.

0.0%	0.0% #E6607B	RGB 230 96 123	#E6607B
16.7%	16.7% #CA546C	RGB 202 84 108	#CA546C
33.3%	33.3% #AF485D	RGB 175 72 93	#AF485D
50.0%	50.0% #933D4F	RGB 147 61 79	#933D4F
66.7%	66.7% #783140	RGB 120 49 64	#783140
83.3%	83.3% #5C2631	RGB 92 38 49	#5C2631
100.0%	100.0% #411B23	RGB 65 27 35	#411B23

#E6607B #CA546C #AF485D #933D4F #783140 #5C2631 #411B23

#E6607B - #933D4F - #411B23

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E6607B 0%, #933D4F 50%, #411B23 100%);
    background: -webkit-linear-gradient(top, #E6607B 0%, #933D4F 50%, #411B23 100%);
    background: linear-gradient(to bottom, #E6607B 0%, #933D4F 50%, #411B23 100%);
}
</style>