#A8D9E3 - #3993BB | 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 #A8D9E3 to #3993BB

#A8D9E3 #3993BB

Calculate the color between two colors, #A8D9E3 and #3993BB. 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)

#A8D9E3 - #3993BB | 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 #A8D9E3 as 0% and #3993BB as 100%.

0.0%	0.0% #A8D9E3	RGB 168 217 227	#A8D9E3
16.7%	16.7% #95CDDC	RGB 149 205 220	#95CDDC
33.3%	33.3% #83C1D5	RGB 131 193 213	#83C1D5
50.0%	50.0% #70B6CF	RGB 112 182 207	#70B6CF
66.7%	66.7% #5EAAC8	RGB 94 170 200	#5EAAC8
83.3%	83.3% #4B9EC1	RGB 75 158 193	#4B9EC1
100.0%	100.0% #3993BB	RGB 57 147 187	#3993BB

#A8D9E3 #95CDDC #83C1D5 #70B6CF #5EAAC8 #4B9EC1 #3993BB

#A8D9E3 - #3993BB

HSV Blend

#A8D9E3 - #3993BB | 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 #A8D9E3 as 0% and #3993BB as 100%.

0.0%	0.0% #A8D9E3	RGB 168 217 227	#A8D9E3
16.7%	16.7% #93CEDC	RGB 147 206 220	#93CEDC
33.3%	33.3% #7FC3D5	RGB 127 195 213	#7FC3D5
50.0%	50.0% #6CB7CF	RGB 108 183 207	#6CB7CF
66.7%	66.7% #5AABC8	RGB 90 171 200	#5AABC8
83.3%	83.3% #499FC1	RGB 73 159 193	#499FC1
100.0%	100.0% #3993BB	RGB 57 147 187	#3993BB

#A8D9E3 #93CEDC #7FC3D5 #6CB7CF #5AABC8 #499FC1 #3993BB

#A8D9E3 - #6CB7CF - #3993BB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D9E3 0%, #6CB7CF 50%, #3993BB 100%);
    background: -webkit-linear-gradient(top, #A8D9E3 0%, #6CB7CF 50%, #3993BB 100%);
    background: linear-gradient(to bottom, #A8D9E3 0%, #6CB7CF 50%, #3993BB 100%);
}
</style>