#7D7DFF - #9AC3FF | 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 #7D7DFF to #9AC3FF

#7D7DFF #9AC3FF

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

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

0.0%	0.0% #7D7DFF	RGB 125 125 255	#7D7DFF
16.7%	16.7% #8188FF	RGB 129 136 255	#8188FF
33.3%	33.3% #8694FF	RGB 134 148 255	#8694FF
50.0%	50.0% #8BA0FF	RGB 139 160 255	#8BA0FF
66.7%	66.7% #90ABFF	RGB 144 171 255	#90ABFF
83.3%	83.3% #95B7FF	RGB 149 183 255	#95B7FF
100.0%	100.0% #9AC3FF	RGB 154 195 255	#9AC3FF

#7D7DFF #8188FF #8694FF #8BA0FF #90ABFF #95B7FF #9AC3FF

#7D7DFF - #9AC3FF

HSV Blend

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

0.0%	0.0% #7D7DFF	RGB 125 125 255	#7D7DFF
16.7%	16.7% #818AFF	RGB 129 138 255	#818AFF
33.3%	33.3% #8696FF	RGB 134 150 255	#8696FF
50.0%	50.0% #8BA2FF	RGB 139 162 255	#8BA2FF
66.7%	66.7% #90AEFF	RGB 144 174 255	#90AEFF
83.3%	83.3% #95B8FF	RGB 149 184 255	#95B8FF
100.0%	100.0% #9AC3FF	RGB 154 195 255	#9AC3FF

#7D7DFF #818AFF #8696FF #8BA2FF #90AEFF #95B8FF #9AC3FF

#7D7DFF - #8BA2FF - #9AC3FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D7DFF 0%, #8BA2FF 50%, #9AC3FF 100%);
    background: -webkit-linear-gradient(top, #7D7DFF 0%, #8BA2FF 50%, #9AC3FF 100%);
    background: linear-gradient(to bottom, #7D7DFF 0%, #8BA2FF 50%, #9AC3FF 100%);
}
</style>