#A8DEF8 - #4B95CF | 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 #A8DEF8 to #4B95CF

#A8DEF8 #4B95CF

Calculate the color between two colors, #A8DEF8 and #4B95CF. 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)

#A8DEF8 - #4B95CF | 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 #A8DEF8 as 0% and #4B95CF as 100%.

0.0%	0.0% #A8DEF8	RGB 168 222 248	#A8DEF8
16.7%	16.7% #98D1F1	RGB 152 209 241	#98D1F1
33.3%	33.3% #89C5EA	RGB 137 197 234	#89C5EA
50.0%	50.0% #79B9E3	RGB 121 185 227	#79B9E3
66.7%	66.7% #6AADDC	RGB 106 173 220	#6AADDC
83.3%	83.3% #5AA1D5	RGB 90 161 213	#5AA1D5
100.0%	100.0% #4B95CF	RGB 75 149 207	#4B95CF

#A8DEF8 #98D1F1 #89C5EA #79B9E3 #6AADDC #5AA1D5 #4B95CF

#A8DEF8 - #4B95CF

HSV Blend

#A8DEF8 - #4B95CF | 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 #A8DEF8 as 0% and #4B95CF as 100%.

0.0%	0.0% #A8DEF8	RGB 168 222 248	#A8DEF8
16.7%	16.7% #96D2F1	RGB 150 210 241	#96D2F1
33.3%	33.3% #86C5EA	RGB 134 197 234	#86C5EA
50.0%	50.0% #76B9E3	RGB 118 185 227	#76B9E3
66.7%	66.7% #67ADDC	RGB 103 173 220	#67ADDC
83.3%	83.3% #58A1D5	RGB 88 161 213	#58A1D5
100.0%	100.0% #4B95CF	RGB 75 149 207	#4B95CF

#A8DEF8 #96D2F1 #86C5EA #76B9E3 #67ADDC #58A1D5 #4B95CF

#A8DEF8 - #76B9E3 - #4B95CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8DEF8 0%, #76B9E3 50%, #4B95CF 100%);
    background: -webkit-linear-gradient(top, #A8DEF8 0%, #76B9E3 50%, #4B95CF 100%);
    background: linear-gradient(to bottom, #A8DEF8 0%, #76B9E3 50%, #4B95CF 100%);
}
</style>