#DFB5D0 - #B05A91 | 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 #DFB5D0 to #B05A91

#DFB5D0 #B05A91

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

#DFB5D0 - #B05A91 | 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 #DFB5D0 as 0% and #B05A91 as 100%.

0.0%	0.0% #DFB5D0	RGB 223 181 208	#DFB5D0
16.7%	16.7% #D7A5C5	RGB 215 165 197	#D7A5C5
33.3%	33.3% #CF96BB	RGB 207 150 187	#CF96BB
50.0%	50.0% #C787B0	RGB 199 135 176	#C787B0
66.7%	66.7% #BF78A6	RGB 191 120 166	#BF78A6
83.3%	83.3% #B7699B	RGB 183 105 155	#B7699B
100.0%	100.0% #B05A91	RGB 176 90 145	#B05A91

#DFB5D0 #D7A5C5 #CF96BB #C787B0 #BF78A6 #B7699B #B05A91

#DFB5D0 - #B05A91

HSV Blend

#DFB5D0 - #B05A91 | 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 #DFB5D0 as 0% and #B05A91 as 100%.

0.0%	0.0% #DFB5D0	RGB 223 181 208	#DFB5D0
16.7%	16.7% #D7A3C4	RGB 215 163 196	#D7A3C4
33.3%	33.3% #CF93B9	RGB 207 147 185	#CF93B9
50.0%	50.0% #C783AF	RGB 199 131 175	#C783AF
66.7%	66.7% #BF75A4	RGB 191 117 164	#BF75A4
83.3%	83.3% #B7679A	RGB 183 103 154	#B7679A
100.0%	100.0% #B05A91	RGB 176 90 145	#B05A91

#DFB5D0 #D7A3C4 #CF93B9 #C783AF #BF75A4 #B7679A #B05A91

#DFB5D0 - #C783AF - #B05A91

CSS codes

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

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