#DC109B - #3E042B | 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 #DC109B to #3E042B

#DC109B #3E042B

Calculate the color between two colors, #DC109B and #3E042B. 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)

#DC109B - #3E042B | 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 #DC109B as 0% and #3E042B as 100%.

0.0%	0.0% #DC109B	RGB 220 16 155	#DC109B
16.7%	16.7% #C10E88	RGB 193 14 136	#C10E88
33.3%	33.3% #A70C75	RGB 167 12 117	#A70C75
50.0%	50.0% #8D0A63	RGB 141 10 99	#8D0A63
66.7%	66.7% #720850	RGB 114 8 80	#720850
83.3%	83.3% #58063D	RGB 88 6 61	#58063D
100.0%	100.0% #3E042B	RGB 62 4 43	#3E042B

#DC109B #C10E88 #A70C75 #8D0A63 #720850 #58063D #3E042B

#DC109B - #3E042B

HSV Blend

#DC109B - #3E042B | 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 #DC109B as 0% and #3E042B as 100%.

0.0%	0.0% #DC0F9B	RGB 220 15 155	#DC0F9B
16.7%	16.7% #C10D88	RGB 193 13 136	#C10D88
33.3%	33.3% #A70B75	RGB 167 11 117	#A70B75
50.0%	50.0% #8D0962	RGB 141 9 98	#8D0962
66.7%	66.7% #72074F	RGB 114 7 79	#72074F
83.3%	83.3% #58053D	RGB 88 5 61	#58053D
100.0%	100.0% #3E042B	RGB 62 4 43	#3E042B

#DC0F9B #C10D88 #A70B75 #8D0962 #72074F #58053D #3E042B

#DC109B - #8D0962 - #3E042B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DC0F9B 0%, #8D0962 50%, #3E042B 100%);
    background: -webkit-linear-gradient(top, #DC0F9B 0%, #8D0962 50%, #3E042B 100%);
    background: linear-gradient(to bottom, #DC0F9B 0%, #8D0962 50%, #3E042B 100%);
}
</style>