#DFDCE2 - #BD90CF | 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 #DFDCE2 to #BD90CF

#DFDCE2 #BD90CF

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

#DFDCE2 - #BD90CF | 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 #DFDCE2 as 0% and #BD90CF as 100%.

0.0%	0.0% #DFDCE2	RGB 223 220 226	#DFDCE2
16.7%	16.7% #D9CFDE	RGB 217 207 222	#D9CFDE
33.3%	33.3% #D3C2DB	RGB 211 194 219	#D3C2DB
50.0%	50.0% #CEB6D8	RGB 206 182 216	#CEB6D8
66.7%	66.7% #C8A9D5	RGB 200 169 213	#C8A9D5
83.3%	83.3% #C29CD2	RGB 194 156 210	#C29CD2
100.0%	100.0% #BD90CF	RGB 189 144 207	#BD90CF

#DFDCE2 #D9CFDE #D3C2DB #CEB6D8 #C8A9D5 #C29CD2 #BD90CF

#DFDCE2 - #BD90CF

HSV Blend

#DFDCE2 - #BD90CF | 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 #DFDCE2 as 0% and #BD90CF as 100%.

0.0%	0.0% #DFDCE2	RGB 223 220 226	#DFDCE2
16.7%	16.7% #D7CEDE	RGB 215 206 222	#D7CEDE
33.3%	33.3% #D0C1DB	RGB 208 193 219	#D0C1DB
50.0%	50.0% #CAB4D8	RGB 202 180 216	#CAB4D8
66.7%	66.7% #C5A8D5	RGB 197 168 213	#C5A8D5
83.3%	83.3% #C09BD2	RGB 192 155 210	#C09BD2
100.0%	100.0% #BD90CF	RGB 189 144 207	#BD90CF

#DFDCE2 #D7CEDE #D0C1DB #CAB4D8 #C5A8D5 #C09BD2 #BD90CF

#DFDCE2 - #CAB4D8 - #BD90CF

CSS codes

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

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