#9293FF - #AECEFA | 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 #9293FF to #AECEFA

#9293FF #AECEFA

Calculate the color between two colors, #9293FF and #AECEFA. 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)

#9293FF - #AECEFA | 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 #9293FF as 0% and #AECEFA as 100%.

0.0%	0.0% #9293FF	RGB 146 147 255	#9293FF
16.7%	16.7% #969CFE	RGB 150 156 254	#969CFE
33.3%	33.3% #9BA6FD	RGB 155 166 253	#9BA6FD
50.0%	50.0% #A0B0FC	RGB 160 176 252	#A0B0FC
66.7%	66.7% #A4BAFB	RGB 164 186 251	#A4BAFB
83.3%	83.3% #A9C4FA	RGB 169 196 250	#A9C4FA
100.0%	100.0% #AECEFA	RGB 174 206 250	#AECEFA

#9293FF #969CFE #9BA6FD #A0B0FC #A4BAFB #A9C4FA #AECEFA

#9293FF - #AECEFA

HSV Blend

#9293FF - #AECEFA | 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 #9293FF as 0% and #AECEFA as 100%.

0.0%	0.0% #9293FF	RGB 146 147 255	#9293FF
16.7%	16.7% #969EFE	RGB 150 158 254	#969EFE
33.3%	33.3% #9BA9FD	RGB 155 169 253	#9BA9FD
50.0%	50.0% #A0B4FC	RGB 160 180 252	#A0B4FC
66.7%	66.7% #A4BDFB	RGB 164 189 251	#A4BDFB
83.3%	83.3% #A9C6FA	RGB 169 198 250	#A9C6FA
100.0%	100.0% #AECEFA	RGB 174 206 250	#AECEFA

#9293FF #969EFE #9BA9FD #A0B4FC #A4BDFB #A9C6FA #AECEFA

#9293FF - #A0B4FC - #AECEFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9293FF 0%, #A0B4FC 50%, #AECEFA 100%);
    background: -webkit-linear-gradient(top, #9293FF 0%, #A0B4FC 50%, #AECEFA 100%);
    background: linear-gradient(to bottom, #9293FF 0%, #A0B4FC 50%, #AECEFA 100%);
}
</style>