#D9969B - #9F414D | 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 #D9969B to #9F414D

#D9969B #9F414D

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

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

0.0%	0.0% #D9969B	RGB 217 150 155	#D9969B
16.7%	16.7% #CF878E	RGB 207 135 142	#CF878E
33.3%	33.3% #C57981	RGB 197 121 129	#C57981
50.0%	50.0% #BC6B74	RGB 188 107 116	#BC6B74
66.7%	66.7% #B25D67	RGB 178 93 103	#B25D67
83.3%	83.3% #A84F5A	RGB 168 79 90	#A84F5A
100.0%	100.0% #9F414D	RGB 159 65 77	#9F414D

#D9969B #CF878E #C57981 #BC6B74 #B25D67 #A84F5A #9F414D

#D9969B - #9F414D

HSV Blend

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

0.0%	0.0% #D9969B	RGB 217 150 155	#D9969B
16.7%	16.7% #CF858B	RGB 207 133 139	#CF858B
33.3%	33.3% #C5767D	RGB 197 118 125	#C5767D
50.0%	50.0% #BC676F	RGB 188 103 111	#BC676F
66.7%	66.7% #B25963	RGB 178 89 99	#B25963
83.3%	83.3% #A84C57	RGB 168 76 87	#A84C57
100.0%	100.0% #9F414D	RGB 159 65 77	#9F414D

#D9969B #CF858B #C5767D #BC676F #B25963 #A84C57 #9F414D

#D9969B - #BC676F - #9F414D

CSS codes

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

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