#7585FF - #A8D9FF | 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 #7585FF to #A8D9FF

#7585FF #A8D9FF

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

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

0.0%	0.0% #7585FF	RGB 117 133 255	#7585FF
16.7%	16.7% #7D93FF	RGB 125 147 255	#7D93FF
33.3%	33.3% #86A1FF	RGB 134 161 255	#86A1FF
50.0%	50.0% #8EAFFF	RGB 142 175 255	#8EAFFF
66.7%	66.7% #97BDFF	RGB 151 189 255	#97BDFF
83.3%	83.3% #9FCBFF	RGB 159 203 255	#9FCBFF
100.0%	100.0% #A8D9FF	RGB 168 217 255	#A8D9FF

#7585FF #7D93FF #86A1FF #8EAFFF #97BDFF #9FCBFF #A8D9FF

#7585FF - #A8D9FF

HSV Blend

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

0.0%	0.0% #7585FF	RGB 117 133 255	#7585FF
16.7%	16.7% #7D96FF	RGB 125 150 255	#7D96FF
33.3%	33.3% #86A6FF	RGB 134 166 255	#86A6FF
50.0%	50.0% #8EB4FF	RGB 142 180 255	#8EB4FF
66.7%	66.7% #97C2FF	RGB 151 194 255	#97C2FF
83.3%	83.3% #9FCEFF	RGB 159 206 255	#9FCEFF
100.0%	100.0% #A8D9FF	RGB 168 217 255	#A8D9FF

#7585FF #7D96FF #86A6FF #8EB4FF #97C2FF #9FCEFF #A8D9FF

#7585FF - #8EB4FF - #A8D9FF

CSS codes

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

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