#DD4D87 - #8F003D | 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 #DD4D87 to #8F003D

#DD4D87 #8F003D

Calculate the color between two colors, #DD4D87 and #8F003D. 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)

#DD4D87 - #8F003D | 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 #DD4D87 as 0% and #8F003D as 100%.

0.0%	0.0% #DD4D87	RGB 221 77 135	#DD4D87
16.7%	16.7% #D0407A	RGB 208 64 122	#D0407A
33.3%	33.3% #C3336E	RGB 195 51 110	#C3336E
50.0%	50.0% #B62662	RGB 182 38 98	#B62662
66.7%	66.7% #A91955	RGB 169 25 85	#A91955
83.3%	83.3% #9C0C49	RGB 156 12 73	#9C0C49
100.0%	100.0% #8F003D	RGB 143 0 61	#8F003D

#DD4D87 #D0407A #C3336E #B62662 #A91955 #9C0C49 #8F003D

#DD4D87 - #8F003D

HSV Blend

#DD4D87 - #8F003D | 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 #DD4D87 as 0% and #8F003D as 100%.

0.0%	0.0% #DD4D86	RGB 221 77 134	#DD4D86
16.7%	16.7% #D03C78	RGB 208 60 120	#D03C78
33.3%	33.3% #C32D6A	RGB 195 45 106	#C32D6A
50.0%	50.0% #B61F5E	RGB 182 31 94	#B61F5E
66.7%	66.7% #A91352	RGB 169 19 82	#A91352
83.3%	83.3% #9C0947	RGB 156 9 71	#9C0947
100.0%	100.0% #8F003D	RGB 143 0 61	#8F003D

#DD4D86 #D03C78 #C32D6A #B61F5E #A91352 #9C0947 #8F003D

#DD4D87 - #B61F5E - #8F003D

CSS codes

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

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