#DFB0DF - #B8CAFF | 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 #DFB0DF to #B8CAFF

#DFB0DF #B8CAFF

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

#DFB0DF - #B8CAFF | 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 #DFB0DF as 0% and #B8CAFF as 100%.

0.0%	0.0% #DFB0DF	RGB 223 176 223	#DFB0DF
16.7%	16.7% #D8B4E4	RGB 216 180 228	#D8B4E4
33.3%	33.3% #D2B8E9	RGB 210 184 233	#D2B8E9
50.0%	50.0% #CBBDEF	RGB 203 189 239	#CBBDEF
66.7%	66.7% #C5C1F4	RGB 197 193 244	#C5C1F4
83.3%	83.3% #BEC5F9	RGB 190 197 249	#BEC5F9
100.0%	100.0% #B8CAFF	RGB 184 202 255	#B8CAFF

#DFB0DF #D8B4E4 #D2B8E9 #CBBDEF #C5C1F4 #BEC5F9 #B8CAFF

#DFB0DF - #B8CAFF

HSV Blend

#DFB0DF - #B8CAFF | 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 #DFB0DF as 0% and #B8CAFF as 100%.

0.0%	0.0% #DFB0DF	RGB 223 176 223	#DFB0DF
16.7%	16.7% #D9B1E4	RGB 217 177 228	#D9B1E4
33.3%	33.3% #D2B3E9	RGB 210 179 233	#D2B3E9
50.0%	50.0% #CAB4EF	RGB 202 180 239	#CAB4EF
66.7%	66.7% #C0B5F4	RGB 192 181 244	#C0B5F4
83.3%	83.3% #B6B9F9	RGB 182 185 249	#B6B9F9
100.0%	100.0% #B8CAFF	RGB 184 202 255	#B8CAFF

#DFB0DF #D9B1E4 #D2B3E9 #CAB4EF #C0B5F4 #B6B9F9 #B8CAFF

#DFB0DF - #CAB4EF - #B8CAFF

CSS codes

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

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