#A8D0FB - #4881D1 | 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 #A8D0FB to #4881D1

#A8D0FB #4881D1

Calculate the color between two colors, #A8D0FB and #4881D1. 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)

#A8D0FB - #4881D1 | 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 #A8D0FB as 0% and #4881D1 as 100%.

0.0%	0.0% #A8D0FB	RGB 168 208 251	#A8D0FB
16.7%	16.7% #98C2F4	RGB 152 194 244	#98C2F4
33.3%	33.3% #88B5ED	RGB 136 181 237	#88B5ED
50.0%	50.0% #78A8E6	RGB 120 168 230	#78A8E6
66.7%	66.7% #689BDF	RGB 104 155 223	#689BDF
83.3%	83.3% #588ED8	RGB 88 142 216	#588ED8
100.0%	100.0% #4881D1	RGB 72 129 209	#4881D1

#A8D0FB #98C2F4 #88B5ED #78A8E6 #689BDF #588ED8 #4881D1

#A8D0FB - #4881D1

HSV Blend

#A8D0FB - #4881D1 | 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 #A8D0FB as 0% and #4881D1 as 100%.

0.0%	0.0% #A8D0FB	RGB 168 208 251	#A8D0FB
16.7%	16.7% #96C2F4	RGB 150 194 244	#96C2F4
33.3%	33.3% #84B4ED	RGB 132 180 237	#84B4ED
50.0%	50.0% #74A7E6	RGB 116 167 230	#74A7E6
66.7%	66.7% #649ADF	RGB 100 154 223	#649ADF
83.3%	83.3% #568DD8	RGB 86 141 216	#568DD8
100.0%	100.0% #4881D1	RGB 72 129 209	#4881D1

#A8D0FB #96C2F4 #84B4ED #74A7E6 #649ADF #568DD8 #4881D1

#A8D0FB - #74A7E6 - #4881D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D0FB 0%, #74A7E6 50%, #4881D1 100%);
    background: -webkit-linear-gradient(top, #A8D0FB 0%, #74A7E6 50%, #4881D1 100%);
    background: linear-gradient(to bottom, #A8D0FB 0%, #74A7E6 50%, #4881D1 100%);
}
</style>