#DFD4DE - #B06BAB | 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 #DFD4DE to #B06BAB

#DFD4DE #B06BAB

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

#DFD4DE - #B06BAB | 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 #DFD4DE as 0% and #B06BAB as 100%.

0.0%	0.0% #DFD4DE	RGB 223 212 222	#DFD4DE
16.7%	16.7% #D7C2D5	RGB 215 194 213	#D7C2D5
33.3%	33.3% #CFB1CD	RGB 207 177 205	#CFB1CD
50.0%	50.0% #C79FC4	RGB 199 159 196	#C79FC4
66.7%	66.7% #BF8EBC	RGB 191 142 188	#BF8EBC
83.3%	83.3% #B77CB3	RGB 183 124 179	#B77CB3
100.0%	100.0% #B06BAB	RGB 176 107 171	#B06BAB

#DFD4DE #D7C2D5 #CFB1CD #C79FC4 #BF8EBC #B77CB3 #B06BAB

#DFD4DE - #B06BAB

HSV Blend

#DFD4DE - #B06BAB | 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 #DFD4DE as 0% and #B06BAB as 100%.

0.0%	0.0% #DFD4DE	RGB 223 212 222	#DFD4DE
16.7%	16.7% #D7C0D5	RGB 215 192 213	#D7C0D5
33.3%	33.3% #CFADCC	RGB 207 173 204	#CFADCC
50.0%	50.0% #C79BC3	RGB 199 155 195	#C79BC3
66.7%	66.7% #BF8ABB	RGB 191 138 187	#BF8ABB
83.3%	83.3% #B77AB3	RGB 183 122 179	#B77AB3
100.0%	100.0% #B06BAB	RGB 176 107 171	#B06BAB

#DFD4DE #D7C0D5 #CFADCC #C79BC3 #BF8ABB #B77AB3 #B06BAB

#DFD4DE - #C79BC3 - #B06BAB

CSS codes

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

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