#908CFF - #A2FFFC | 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 #908CFF to #A2FFFC

#908CFF #A2FFFC

Calculate the color between two colors, #908CFF and #A2FFFC. 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)

#908CFF - #A2FFFC | 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 #908CFF as 0% and #A2FFFC as 100%.

0.0%	0.0% #908CFF	RGB 144 140 255	#908CFF
16.7%	16.7% #939FFE	RGB 147 159 254	#939FFE
33.3%	33.3% #96B2FE	RGB 150 178 254	#96B2FE
50.0%	50.0% #99C5FD	RGB 153 197 253	#99C5FD
66.7%	66.7% #9CD8FD	RGB 156 216 253	#9CD8FD
83.3%	83.3% #9FEBFC	RGB 159 235 252	#9FEBFC
100.0%	100.0% #A2FFFC	RGB 162 255 252	#A2FFFC

#908CFF #939FFE #96B2FE #99C5FD #9CD8FD #9FEBFC #A2FFFC

#908CFF - #A2FFFC

HSV Blend

#908CFF - #A2FFFC | 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 #908CFF as 0% and #A2FFFC as 100%.

0.0%	0.0% #908CFF	RGB 144 140 255	#908CFF
16.7%	16.7% #8F9FFF	RGB 143 159 255	#8F9FFF
33.3%	33.3% #93B5FF	RGB 147 181 255	#93B5FF
50.0%	50.0% #97CAFF	RGB 151 202 255	#97CAFF
66.7%	66.7% #9ADEFF	RGB 154 222 255	#9ADEFF
83.3%	83.3% #9EF0FF	RGB 158 240 255	#9EF0FF
100.0%	100.0% #A2FFFC	RGB 162 255 252	#A2FFFC

#908CFF #8F9FFF #93B5FF #97CAFF #9ADEFF #9EF0FF #A2FFFC

#908CFF - #97CAFF - #A2FFFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #908CFF 0%, #97CAFF 50%, #A2FFFC 100%);
    background: -webkit-linear-gradient(top, #908CFF 0%, #97CAFF 50%, #A2FFFC 100%);
    background: linear-gradient(to bottom, #908CFF 0%, #97CAFF 50%, #A2FFFC 100%);
}
</style>