#967BDC - #F5CBDF | 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 #967BDC to #F5CBDF

#967BDC #F5CBDF

Calculate the color between two colors, #967BDC and #F5CBDF. 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)

#967BDC - #F5CBDF | 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 #967BDC as 0% and #F5CBDF as 100%.

0.0%	0.0% #967BDC	RGB 150 123 220	#967BDC
16.7%	16.7% #A588DC	RGB 165 136 220	#A588DC
33.3%	33.3% #B595DD	RGB 181 149 221	#B595DD
50.0%	50.0% #C5A3DD	RGB 197 163 221	#C5A3DD
66.7%	66.7% #D5B0DE	RGB 213 176 222	#D5B0DE
83.3%	83.3% #E5BDDE	RGB 229 189 222	#E5BDDE
100.0%	100.0% #F5CBDF	RGB 245 203 223	#F5CBDF

#967BDC #A588DC #B595DD #C5A3DD #D5B0DE #E5BDDE #F5CBDF

#967BDC - #F5CBDF

HSV Blend

#967BDC - #F5CBDF | 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 #967BDC as 0% and #F5CBDF as 100%.

0.0%	0.0% #967BDC	RGB 150 123 220	#967BDC
16.7%	16.7% #B287E0	RGB 178 135 224	#B287E0
33.3%	33.3% #CB94E4	RGB 203 148 228	#CB94E4
50.0%	50.0% #E1A1E8	RGB 225 161 232	#E1A1E8
66.7%	66.7% #ECAEE5	RGB 236 174 229	#ECAEE5
83.3%	83.3% #F0BCE0	RGB 240 188 224	#F0BCE0
100.0%	100.0% #F5CBDF	RGB 245 203 223	#F5CBDF

#967BDC #B287E0 #CB94E4 #E1A1E8 #ECAEE5 #F0BCE0 #F5CBDF

#967BDC - #E1A1E8 - #F5CBDF

CSS codes

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

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