#DAD2FF - #9170CF | 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 #DAD2FF to #9170CF

#DAD2FF #9170CF

Calculate the color between two colors, #DAD2FF and #9170CF. 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)

#DAD2FF - #9170CF | 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 #DAD2FF as 0% and #9170CF as 100%.

0.0%	0.0% #DAD2FF	RGB 218 210 255	#DAD2FF
16.7%	16.7% #CDC1F7	RGB 205 193 247	#CDC1F7
33.3%	33.3% #C1B1EF	RGB 193 177 239	#C1B1EF
50.0%	50.0% #B5A1E7	RGB 181 161 231	#B5A1E7
66.7%	66.7% #A990DF	RGB 169 144 223	#A990DF
83.3%	83.3% #9D80D7	RGB 157 128 215	#9D80D7
100.0%	100.0% #9170CF	RGB 145 112 207	#9170CF

#DAD2FF #CDC1F7 #C1B1EF #B5A1E7 #A990DF #9D80D7 #9170CF

#DAD2FF - #9170CF

HSV Blend

#DAD2FF - #9170CF | 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 #DAD2FF as 0% and #9170CF as 100%.

0.0%	0.0% #DAD2FF	RGB 218 210 255	#DAD2FF
16.7%	16.7% #CBBFF7	RGB 203 191 247	#CBBFF7
33.3%	33.3% #BDAEEF	RGB 189 174 239	#BDAEEF
50.0%	50.0% #B09DE7	RGB 176 157 231	#B09DE7
66.7%	66.7% #A58DDF	RGB 165 141 223	#A58DDF
83.3%	83.3% #9A7ED7	RGB 154 126 215	#9A7ED7
100.0%	100.0% #9170CF	RGB 145 112 207	#9170CF

#DAD2FF #CBBFF7 #BDAEEF #B09DE7 #A58DDF #9A7ED7 #9170CF

#DAD2FF - #B09DE7 - #9170CF

CSS codes

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

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