#DDADB2 - #A85864 | 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 #DDADB2 to #A85864

#DDADB2 #A85864

Calculate the color between two colors, #DDADB2 and #A85864. 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)

#DDADB2 - #A85864 | 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 #DDADB2 as 0% and #A85864 as 100%.

0.0%	0.0% #DDADB2	RGB 221 173 178	#DDADB2
16.7%	16.7% #D49EA5	RGB 212 158 165	#D49EA5
33.3%	33.3% #CB9098	RGB 203 144 152	#CB9098
50.0%	50.0% #C2828B	RGB 194 130 139	#C2828B
66.7%	66.7% #B9747E	RGB 185 116 126	#B9747E
83.3%	83.3% #B06671	RGB 176 102 113	#B06671
100.0%	100.0% #A85864	RGB 168 88 100	#A85864

#DDADB2 #D49EA5 #CB9098 #C2828B #B9747E #B06671 #A85864

#DDADB2 - #A85864

HSV Blend

#DDADB2 - #A85864 | 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 #DDADB2 as 0% and #A85864 as 100%.

0.0%	0.0% #DDADB2	RGB 221 173 178	#DDADB2
16.7%	16.7% #D49CA3	RGB 212 156 163	#D49CA3
33.3%	33.3% #CB8D94	RGB 203 141 148	#CB8D94
50.0%	50.0% #C27F87	RGB 194 127 135	#C27F87
66.7%	66.7% #B9717B	RGB 185 113 123	#B9717B
83.3%	83.3% #B0646F	RGB 176 100 111	#B0646F
100.0%	100.0% #A85864	RGB 168 88 100	#A85864

#DDADB2 #D49CA3 #CB8D94 #C27F87 #B9717B #B0646F #A85864

#DDADB2 - #C27F87 - #A85864

CSS codes

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

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