#DFB5CD - #B05A8B | 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 #DFB5CD to #B05A8B

#DFB5CD #B05A8B

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

#DFB5CD - #B05A8B | 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 #DFB5CD as 0% and #B05A8B as 100%.

0.0%	0.0% #DFB5CD	RGB 223 181 205	#DFB5CD
16.7%	16.7% #D7A5C2	RGB 215 165 194	#D7A5C2
33.3%	33.3% #CF96B7	RGB 207 150 183	#CF96B7
50.0%	50.0% #C787AC	RGB 199 135 172	#C787AC
66.7%	66.7% #BF78A1	RGB 191 120 161	#BF78A1
83.3%	83.3% #B76996	RGB 183 105 150	#B76996
100.0%	100.0% #B05A8B	RGB 176 90 139	#B05A8B

#DFB5CD #D7A5C2 #CF96B7 #C787AC #BF78A1 #B76996 #B05A8B

#DFB5CD - #B05A8B

HSV Blend

#DFB5CD - #B05A8B | 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 #DFB5CD as 0% and #B05A8B as 100%.

0.0%	0.0% #DFB5CD	RGB 223 181 205	#DFB5CD
16.7%	16.7% #D7A3C1	RGB 215 163 193	#D7A3C1
33.3%	33.3% #CF93B5	RGB 207 147 181	#CF93B5
50.0%	50.0% #C783AA	RGB 199 131 170	#C783AA
66.7%	66.7% #BF759F	RGB 191 117 159	#BF759F
83.3%	83.3% #B76795	RGB 183 103 149	#B76795
100.0%	100.0% #B05A8B	RGB 176 90 139	#B05A8B

#DFB5CD #D7A3C1 #CF93B5 #C783AA #BF759F #B76795 #B05A8B

#DFB5CD - #C783AA - #B05A8B

CSS codes

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

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