#DF86DB - #BFD3E2 | 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 #DF86DB to #BFD3E2

#DF86DB #BFD3E2

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

#DF86DB - #BFD3E2 | 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 #DF86DB as 0% and #BFD3E2 as 100%.

0.0%	0.0% #DF86DB	RGB 223 134 219	#DF86DB
16.7%	16.7% #D992DC	RGB 217 146 220	#D992DC
33.3%	33.3% #D49FDD	RGB 212 159 221	#D49FDD
50.0%	50.0% #CFACDE	RGB 207 172 222	#CFACDE
66.7%	66.7% #C9B9DF	RGB 201 185 223	#C9B9DF
83.3%	83.3% #C4C6E0	RGB 196 198 224	#C4C6E0
100.0%	100.0% #BFD3E2	RGB 191 211 226	#BFD3E2

#DF86DB #D992DC #D49FDD #CFACDE #C9B9DF #C4C6E0 #BFD3E2

#DF86DB - #BFD3E2

HSV Blend

#DF86DB - #BFD3E2 | 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 #DF86DB as 0% and #BFD3E2 as 100%.

0.0%	0.0% #DF86DB	RGB 223 134 219	#DF86DB
16.7%	16.7% #CD8FDF	RGB 205 143 223	#CD8FDF
33.3%	33.3% #BC98E0	RGB 188 152 224	#BC98E0
50.0%	50.0% #B1A2E0	RGB 177 162 224	#B1A2E0
66.7%	66.7% #ABADE1	RGB 171 173 225	#ABADE1
83.3%	83.3% #B5C2E1	RGB 181 194 225	#B5C2E1
100.0%	100.0% #BFD3E2	RGB 191 211 226	#BFD3E2

#DF86DB #CD8FDF #BC98E0 #B1A2E0 #ABADE1 #B5C2E1 #BFD3E2

#DF86DB - #B1A2E0 - #BFD3E2

CSS codes

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

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