#DA9DA1 - #DBCCD2 | 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 #DA9DA1 to #DBCCD2

#DA9DA1 #DBCCD2

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

#DA9DA1 - #DBCCD2 | 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 #DA9DA1 as 0% and #DBCCD2 as 100%.

0.0%	0.0% #DA9DA1	RGB 218 157 161	#DA9DA1
16.7%	16.7% #DAA4A9	RGB 218 164 169	#DAA4A9
33.3%	33.3% #DAACB1	RGB 218 172 177	#DAACB1
50.0%	50.0% #DAB4B9	RGB 218 180 185	#DAB4B9
66.7%	66.7% #DABCC1	RGB 218 188 193	#DABCC1
83.3%	83.3% #DAC4C9	RGB 218 196 201	#DAC4C9
100.0%	100.0% #DBCCD2	RGB 219 204 210	#DBCCD2

#DA9DA1 #DAA4A9 #DAACB1 #DAB4B9 #DABCC1 #DAC4C9 #DBCCD2

#DA9DA1 - #DBCCD2

HSV Blend

#DA9DA1 - #DBCCD2 | 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 #DA9DA1 as 0% and #DBCCD2 as 100%.

0.0%	0.0% #DA9DA1	RGB 218 157 161	#DA9DA1
16.7%	16.7% #DAA4AB	RGB 218 164 171	#DAA4AB
33.3%	33.3% #DAACB4	RGB 218 172 180	#DAACB4
50.0%	50.0% #DAB4BD	RGB 218 180 189	#DAB4BD
66.7%	66.7% #DABCC5	RGB 218 188 197	#DABCC5
83.3%	83.3% #DAC4CB	RGB 218 196 203	#DAC4CB
100.0%	100.0% #DBCCD2	RGB 219 204 210	#DBCCD2

#DA9DA1 #DAA4AB #DAACB4 #DAB4BD #DABCC5 #DAC4CB #DBCCD2

#DA9DA1 - #DAB4BD - #DBCCD2

CSS codes

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

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