#5E7CCD - #A8BFDD | 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 #5E7CCD to #A8BFDD

#5E7CCD #A8BFDD

Calculate the color between two colors, #5E7CCD and #A8BFDD. 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)

#5E7CCD - #A8BFDD | 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 #5E7CCD as 0% and #A8BFDD as 100%.

0.0%	0.0% #5E7CCD	RGB 94 124 205	#5E7CCD
16.7%	16.7% #6A87CF	RGB 106 135 207	#6A87CF
33.3%	33.3% #7692D2	RGB 118 146 210	#7692D2
50.0%	50.0% #839DD5	RGB 131 157 213	#839DD5
66.7%	66.7% #8FA8D7	RGB 143 168 215	#8FA8D7
83.3%	83.3% #9BB3DA	RGB 155 179 218	#9BB3DA
100.0%	100.0% #A8BFDD	RGB 168 191 221	#A8BFDD

#5E7CCD #6A87CF #7692D2 #839DD5 #8FA8D7 #9BB3DA #A8BFDD

#5E7CCD - #A8BFDD

HSV Blend

#5E7CCD - #A8BFDD | 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 #5E7CCD as 0% and #A8BFDD as 100%.

0.0%	0.0% #5E7CCD	RGB 94 124 205	#5E7CCD
16.7%	16.7% #6988CF	RGB 105 136 207	#6988CF
33.3%	33.3% #7593D2	RGB 117 147 210	#7593D2
50.0%	50.0% #819FD5	RGB 129 159 213	#819FD5
66.7%	66.7% #8EAAD7	RGB 142 170 215	#8EAAD7
83.3%	83.3% #9AB4DA	RGB 154 180 218	#9AB4DA
100.0%	100.0% #A8BFDD	RGB 168 191 221	#A8BFDD

#5E7CCD #6988CF #7593D2 #819FD5 #8EAAD7 #9AB4DA #A8BFDD

#5E7CCD - #819FD5 - #A8BFDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7CCD 0%, #819FD5 50%, #A8BFDD 100%);
    background: -webkit-linear-gradient(top, #5E7CCD 0%, #819FD5 50%, #A8BFDD 100%);
    background: linear-gradient(to bottom, #5E7CCD 0%, #819FD5 50%, #A8BFDD 100%);
}
</style>