#DD788D - #9A263B | 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 #DD788D to #9A263B

#DD788D #9A263B

Calculate the color between two colors, #DD788D and #9A263B. 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)

#DD788D - #9A263B | 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 #DD788D as 0% and #9A263B as 100%.

0.0%	0.0% #DD788D	RGB 221 120 141	#DD788D
16.7%	16.7% #D16A7F	RGB 209 106 127	#D16A7F
33.3%	33.3% #C65C71	RGB 198 92 113	#C65C71
50.0%	50.0% #BB4F64	RGB 187 79 100	#BB4F64
66.7%	66.7% #B04156	RGB 176 65 86	#B04156
83.3%	83.3% #A53348	RGB 165 51 72	#A53348
100.0%	100.0% #9A263B	RGB 154 38 59	#9A263B

#DD788D #D16A7F #C65C71 #BB4F64 #B04156 #A53348 #9A263B

#DD788D - #9A263B

HSV Blend

#DD788D - #9A263B | 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 #DD788D as 0% and #9A263B as 100%.

0.0%	0.0% #DD788D	RGB 221 120 141	#DD788D
16.7%	16.7% #D1677D	RGB 209 103 125	#D1677D
33.3%	33.3% #C6586E	RGB 198 88 110	#C6586E
50.0%	50.0% #BB4A60	RGB 187 74 96	#BB4A60
66.7%	66.7% #B03C52	RGB 176 60 82	#B03C52
83.3%	83.3% #A53046	RGB 165 48 70	#A53046
100.0%	100.0% #9A263B	RGB 154 38 59	#9A263B

#DD788D #D1677D #C6586E #BB4A60 #B03C52 #A53046 #9A263B

#DD788D - #BB4A60 - #9A263B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DD788D 0%, #BB4A60 50%, #9A263B 100%);
    background: -webkit-linear-gradient(top, #DD788D 0%, #BB4A60 50%, #9A263B 100%);
    background: linear-gradient(to bottom, #DD788D 0%, #BB4A60 50%, #9A263B 100%);
}
</style>