#DBADB0 - #A55962 | 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 #DBADB0 to #A55962

#DBADB0 #A55962

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

#DBADB0 - #A55962 | 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 #DBADB0 as 0% and #A55962 as 100%.

0.0%	0.0% #DBADB0	RGB 219 173 176	#DBADB0
16.7%	16.7% #D29FA3	RGB 210 159 163	#D29FA3
33.3%	33.3% #C99196	RGB 201 145 150	#C99196
50.0%	50.0% #C08389	RGB 192 131 137	#C08389
66.7%	66.7% #B7757C	RGB 183 117 124	#B7757C
83.3%	83.3% #AE676F	RGB 174 103 111	#AE676F
100.0%	100.0% #A55962	RGB 165 89 98	#A55962

#DBADB0 #D29FA3 #C99196 #C08389 #B7757C #AE676F #A55962

#DBADB0 - #A55962

HSV Blend

#DBADB0 - #A55962 | 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 #DBADB0 as 0% and #A55962 as 100%.

0.0%	0.0% #DBADB0	RGB 219 173 176	#DBADB0
16.7%	16.7% #D29DA1	RGB 210 157 161	#D29DA1
33.3%	33.3% #C98D92	RGB 201 141 146	#C98D92
50.0%	50.0% #C07F85	RGB 192 127 133	#C07F85
66.7%	66.7% #B77178	RGB 183 113 120	#B77178
83.3%	83.3% #AE656D	RGB 174 101 109	#AE656D
100.0%	100.0% #A55962	RGB 165 89 98	#A55962

#DBADB0 #D29DA1 #C98D92 #C07F85 #B77178 #AE656D #A55962

#DBADB0 - #C07F85 - #A55962

CSS codes

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

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