#DCDADF - #9F8DC2 | 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 #DCDADF to #9F8DC2

#DCDADF #9F8DC2

Calculate the color between two colors, #DCDADF and #9F8DC2. 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)

#DCDADF - #9F8DC2 | 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 #DCDADF as 0% and #9F8DC2 as 100%.

0.0%	0.0% #DCDADF	RGB 220 218 223	#DCDADF
16.7%	16.7% #D1CDDA	RGB 209 205 218	#D1CDDA
33.3%	33.3% #C7C0D5	RGB 199 192 213	#C7C0D5
50.0%	50.0% #BDB3D0	RGB 189 179 208	#BDB3D0
66.7%	66.7% #B3A6CB	RGB 179 166 203	#B3A6CB
83.3%	83.3% #A999C6	RGB 169 153 198	#A999C6
100.0%	100.0% #9F8DC2	RGB 159 141 194	#9F8DC2

#DCDADF #D1CDDA #C7C0D5 #BDB3D0 #B3A6CB #A999C6 #9F8DC2

#DCDADF - #9F8DC2

HSV Blend

#DCDADF - #9F8DC2 | 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 #DCDADF as 0% and #9F8DC2 as 100%.

0.0%	0.0% #DCDADF	RGB 220 218 223	#DCDADF
16.7%	16.7% #D1CCDA	RGB 209 204 218	#D1CCDA
33.3%	33.3% #C7BED5	RGB 199 190 213	#C7BED5
50.0%	50.0% #BDB1D0	RGB 189 177 208	#BDB1D0
66.7%	66.7% #B2A5CB	RGB 178 165 203	#B2A5CB
83.3%	83.3% #A898C6	RGB 168 152 198	#A898C6
100.0%	100.0% #9F8DC2	RGB 159 141 194	#9F8DC2

#DCDADF #D1CCDA #C7BED5 #BDB1D0 #B2A5CB #A898C6 #9F8DC2

#DCDADF - #BDB1D0 - #9F8DC2

CSS codes

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

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