#DFDDDD - #B591A8 | 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 #DFDDDD to #B591A8

#DFDDDD #B591A8

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

#DFDDDD - #B591A8 | 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 #DFDDDD as 0% and #B591A8 as 100%.

0.0%	0.0% #DFDDDD	RGB 223 221 221	#DFDDDD
16.7%	16.7% #D8D0D4	RGB 216 208 212	#D8D0D4
33.3%	33.3% #D1C3CB	RGB 209 195 203	#D1C3CB
50.0%	50.0% #CAB7C2	RGB 202 183 194	#CAB7C2
66.7%	66.7% #C3AAB9	RGB 195 170 185	#C3AAB9
83.3%	83.3% #BC9DB0	RGB 188 157 176	#BC9DB0
100.0%	100.0% #B591A8	RGB 181 145 168	#B591A8

#DFDDDD #D8D0D4 #D1C3CB #CAB7C2 #C3AAB9 #BC9DB0 #B591A8

#DFDDDD - #B591A8

HSV Blend

#DFDDDD - #B591A8 | 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 #DFDDDD as 0% and #B591A8 as 100%.

0.0%	0.0% #DFDDDD	RGB 223 221 221	#DFDDDD
16.7%	16.7% #D8CFD0	RGB 216 207 208	#D8CFD0
33.3%	33.3% #D1C1C5	RGB 209 193 197	#D1C1C5
50.0%	50.0% #CAB5BB	RGB 202 181 187	#CAB5BB
66.7%	66.7% #C3A8B3	RGB 195 168 179	#C3A8B3
83.3%	83.3% #BC9CAD	RGB 188 156 173	#BC9CAD
100.0%	100.0% #B591A8	RGB 181 145 168	#B591A8

#DFDDDD #D8CFD0 #D1C1C5 #CAB5BB #C3A8B3 #BC9CAD #B591A8

#DFDDDD - #CAB5BB - #B591A8

CSS codes

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

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