#9EB6FF - #DCC7F6 | 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 #9EB6FF to #DCC7F6

#9EB6FF #DCC7F6

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

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

0.0%	0.0% #9EB6FF	RGB 158 182 255	#9EB6FF
16.7%	16.7% #A8B8FD	RGB 168 184 253	#A8B8FD
33.3%	33.3% #B2BBFC	RGB 178 187 252	#B2BBFC
50.0%	50.0% #BDBEFA	RGB 189 190 250	#BDBEFA
66.7%	66.7% #C7C1F9	RGB 199 193 249	#C7C1F9
83.3%	83.3% #D1C4F7	RGB 209 196 247	#D1C4F7
100.0%	100.0% #DCC7F6	RGB 220 199 246	#DCC7F6

#9EB6FF #A8B8FD #B2BBFC #BDBEFA #C7C1F9 #D1C4F7 #DCC7F6

#9EB6FF - #DCC7F6

HSV Blend

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

0.0%	0.0% #9EB5FF	RGB 158 181 255	#9EB5FF
16.7%	16.7% #A5B0FD	RGB 165 176 253	#A5B0FD
33.3%	33.3% #ACADFC	RGB 172 173 252	#ACADFC
50.0%	50.0% #BAB2FA	RGB 186 178 250	#BAB2FA
66.7%	66.7% #C7B9F9	RGB 199 185 249	#C7B9F9
83.3%	83.3% #D2C0F7	RGB 210 192 247	#D2C0F7
100.0%	100.0% #DCC7F6	RGB 220 199 246	#DCC7F6

#9EB5FF #A5B0FD #ACADFC #BAB2FA #C7B9F9 #D2C0F7 #DCC7F6

#9EB6FF - #BAB2FA - #DCC7F6

CSS codes

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

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