#DC6B9C - #3E1E2C | 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 #DC6B9C to #3E1E2C

#DC6B9C #3E1E2C

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

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

0.0%	0.0% #DC6B9C	RGB 220 107 156	#DC6B9C
16.7%	16.7% #C15E89	RGB 193 94 137	#C15E89
33.3%	33.3% #A75176	RGB 167 81 118	#A75176
50.0%	50.0% #8D4464	RGB 141 68 100	#8D4464
66.7%	66.7% #723751	RGB 114 55 81	#723751
83.3%	83.3% #582A3E	RGB 88 42 62	#582A3E
100.0%	100.0% #3E1E2C	RGB 62 30 44	#3E1E2C

#DC6B9C #C15E89 #A75176 #8D4464 #723751 #582A3E #3E1E2C

#DC6B9C - #3E1E2C

HSV Blend

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

0.0%	0.0% #DC6B9B	RGB 220 107 155	#DC6B9B
16.7%	16.7% #C15E89	RGB 193 94 137	#C15E89
33.3%	33.3% #A75176	RGB 167 81 118	#A75176
50.0%	50.0% #8D4464	RGB 141 68 100	#8D4464
66.7%	66.7% #723751	RGB 114 55 81	#723751
83.3%	83.3% #582A3E	RGB 88 42 62	#582A3E
100.0%	100.0% #3E1E2C	RGB 62 30 44	#3E1E2C

#DC6B9B #C15E89 #A75176 #8D4464 #723751 #582A3E #3E1E2C

#DC6B9C - #8D4464 - #3E1E2C

CSS codes

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

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