#DFBBD1 - #B06393 | 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 #DFBBD1 to #B06393

#DFBBD1 #B06393

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

#DFBBD1 - #B06393 | 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 #DFBBD1 as 0% and #B06393 as 100%.

0.0%	0.0% #DFBBD1	RGB 223 187 209	#DFBBD1
16.7%	16.7% #D7ACC6	RGB 215 172 198	#D7ACC6
33.3%	33.3% #CF9DBC	RGB 207 157 188	#CF9DBC
50.0%	50.0% #C78FB2	RGB 199 143 178	#C78FB2
66.7%	66.7% #BF80A7	RGB 191 128 167	#BF80A7
83.3%	83.3% #B7719D	RGB 183 113 157	#B7719D
100.0%	100.0% #B06393	RGB 176 99 147	#B06393

#DFBBD1 #D7ACC6 #CF9DBC #C78FB2 #BF80A7 #B7719D #B06393

#DFBBD1 - #B06393

HSV Blend

#DFBBD1 - #B06393 | 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 #DFBBD1 as 0% and #B06393 as 100%.

0.0%	0.0% #DFBBD1	RGB 223 187 209	#DFBBD1
16.7%	16.7% #D7AAC5	RGB 215 170 197	#D7AAC5
33.3%	33.3% #CF9ABB	RGB 207 154 187	#CF9ABB
50.0%	50.0% #C78BB0	RGB 199 139 176	#C78BB0
66.7%	66.7% #BF7DA6	RGB 191 125 166	#BF7DA6
83.3%	83.3% #B76F9C	RGB 183 111 156	#B76F9C
100.0%	100.0% #B06393	RGB 176 99 147	#B06393

#DFBBD1 #D7AAC5 #CF9ABB #C78BB0 #BF7DA6 #B76F9C #B06393

#DFBBD1 - #C78BB0 - #B06393

CSS codes

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

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