#DFDAE3 - #B88DCE | 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 #DFDAE3 to #B88DCE

#DFDAE3 #B88DCE

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

#DFDAE3 - #B88DCE | 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 #DFDAE3 as 0% and #B88DCE as 100%.

0.0%	0.0% #DFDAE3	RGB 223 218 227	#DFDAE3
16.7%	16.7% #D8CDDF	RGB 216 205 223	#D8CDDF
33.3%	33.3% #D2C0DC	RGB 210 192 220	#D2C0DC
50.0%	50.0% #CBB3D8	RGB 203 179 216	#CBB3D8
66.7%	66.7% #C5A6D5	RGB 197 166 213	#C5A6D5
83.3%	83.3% #BE99D1	RGB 190 153 209	#BE99D1
100.0%	100.0% #B88DCE	RGB 184 141 206	#B88DCE

#DFDAE3 #D8CDDF #D2C0DC #CBB3D8 #C5A6D5 #BE99D1 #B88DCE

#DFDAE3 - #B88DCE

HSV Blend

#DFDAE3 - #B88DCE | 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 #DFDAE3 as 0% and #B88DCE as 100%.

0.0%	0.0% #DFDAE3	RGB 223 218 227	#DFDAE3
16.7%	16.7% #D7CCDF	RGB 215 204 223	#D7CCDF
33.3%	33.3% #D0BFDC	RGB 208 191 220	#D0BFDC
50.0%	50.0% #C9B2D8	RGB 201 178 216	#C9B2D8
66.7%	66.7% #C3A5D5	RGB 195 165 213	#C3A5D5
83.3%	83.3% #BD99D1	RGB 189 153 209	#BD99D1
100.0%	100.0% #B88DCE	RGB 184 141 206	#B88DCE

#DFDAE3 #D7CCDF #D0BFDC #C9B2D8 #C3A5D5 #BD99D1 #B88DCE

#DFDAE3 - #C9B2D8 - #B88DCE

CSS codes

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

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