#A2D0FE - #4281D6 | 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 #A2D0FE to #4281D6

#A2D0FE #4281D6

Calculate the color between two colors, #A2D0FE and #4281D6. 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)

#A2D0FE - #4281D6 | 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 #A2D0FE as 0% and #4281D6 as 100%.

0.0%	0.0% #A2D0FE	RGB 162 208 254	#A2D0FE
16.7%	16.7% #92C2F7	RGB 146 194 247	#92C2F7
33.3%	33.3% #82B5F0	RGB 130 181 240	#82B5F0
50.0%	50.0% #72A8EA	RGB 114 168 234	#72A8EA
66.7%	66.7% #629BE3	RGB 98 155 227	#629BE3
83.3%	83.3% #528EDC	RGB 82 142 220	#528EDC
100.0%	100.0% #4281D6	RGB 66 129 214	#4281D6

#A2D0FE #92C2F7 #82B5F0 #72A8EA #629BE3 #528EDC #4281D6

#A2D0FE - #4281D6

HSV Blend

#A2D0FE - #4281D6 | 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 #A2D0FE as 0% and #4281D6 as 100%.

0.0%	0.0% #A2D0FE	RGB 162 208 254	#A2D0FE
16.7%	16.7% #90C2F7	RGB 144 194 247	#90C2F7
33.3%	33.3% #7FB5F0	RGB 127 181 240	#7FB5F0
50.0%	50.0% #6EA7EA	RGB 110 167 234	#6EA7EA
66.7%	66.7% #5F9AE3	RGB 95 154 227	#5F9AE3
83.3%	83.3% #508DDC	RGB 80 141 220	#508DDC
100.0%	100.0% #4281D6	RGB 66 129 214	#4281D6

#A2D0FE #90C2F7 #7FB5F0 #6EA7EA #5F9AE3 #508DDC #4281D6

#A2D0FE - #6EA7EA - #4281D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2D0FE 0%, #6EA7EA 50%, #4281D6 100%);
    background: -webkit-linear-gradient(top, #A2D0FE 0%, #6EA7EA 50%, #4281D6 100%);
    background: linear-gradient(to bottom, #A2D0FE 0%, #6EA7EA 50%, #4281D6 100%);
}
</style>