#DC97C8 - #3E2B39 | 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 #DC97C8 to #3E2B39

#DC97C8 #3E2B39

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

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

0.0%	0.0% #DC97C8	RGB 220 151 200	#DC97C8
16.7%	16.7% #C185B0	RGB 193 133 176	#C185B0
33.3%	33.3% #A77398	RGB 167 115 152	#A77398
50.0%	50.0% #8D6180	RGB 141 97 128	#8D6180
66.7%	66.7% #724F68	RGB 114 79 104	#724F68
83.3%	83.3% #583D50	RGB 88 61 80	#583D50
100.0%	100.0% #3E2B39	RGB 62 43 57	#3E2B39

#DC97C8 #C185B0 #A77398 #8D6180 #724F68 #583D50 #3E2B39

#DC97C8 - #3E2B39

HSV Blend

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

0.0%	0.0% #DC97C8	RGB 220 151 200	#DC97C8
16.7%	16.7% #C185B0	RGB 193 133 176	#C185B0
33.3%	33.3% #A77398	RGB 167 115 152	#A77398
50.0%	50.0% #8D6180	RGB 141 97 128	#8D6180
66.7%	66.7% #724F69	RGB 114 79 105	#724F69
83.3%	83.3% #583D51	RGB 88 61 81	#583D51
100.0%	100.0% #3E2B39	RGB 62 43 57	#3E2B39

#DC97C8 #C185B0 #A77398 #8D6180 #724F69 #583D51 #3E2B39

#DC97C8 - #8D6180 - #3E2B39

CSS codes

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

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