#275BAA - #ACE8C9 | 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 #275BAA to #ACE8C9

#275BAA #ACE8C9

Calculate the color between two colors, #275BAA and #ACE8C9. 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)

#275BAA - #ACE8C9 | 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 #275BAA as 0% and #ACE8C9 as 100%.

0.0%	0.0% #275BAA	RGB 39 91 170	#275BAA
16.7%	16.7% #3D72AF	RGB 61 114 175	#3D72AF
33.3%	33.3% #538AB4	RGB 83 138 180	#538AB4
50.0%	50.0% #69A1B9	RGB 105 161 185	#69A1B9
66.7%	66.7% #7FB9BE	RGB 127 185 190	#7FB9BE
83.3%	83.3% #95D0C3	RGB 149 208 195	#95D0C3
100.0%	100.0% #ACE8C9	RGB 172 232 201	#ACE8C9

#275BAA #3D72AF #538AB4 #69A1B9 #7FB9BE #95D0C3 #ACE8C9

#275BAA - #ACE8C9

HSV Blend

#275BAA - #ACE8C9 | 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 #275BAA as 0% and #ACE8C9 as 100%.

0.0%	0.0% #275AAA	RGB 39 90 170	#275AAA
16.7%	16.7% #3880B4	RGB 56 128 180	#3880B4
33.3%	33.3% #4CA4BE	RGB 76 164 190	#4CA4BE
50.0%	50.0% #61C4C9	RGB 97 196 201	#61C4C9
66.7%	66.7% #78D3C6	RGB 120 211 198	#78D3C6
83.3%	83.3% #91DDC4	RGB 145 221 196	#91DDC4
100.0%	100.0% #ACE8C9	RGB 172 232 201	#ACE8C9

#275AAA #3880B4 #4CA4BE #61C4C9 #78D3C6 #91DDC4 #ACE8C9

#275BAA - #61C4C9 - #ACE8C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #275AAA 0%, #61C4C9 50%, #ACE8C9 100%);
    background: -webkit-linear-gradient(top, #275AAA 0%, #61C4C9 50%, #ACE8C9 100%);
    background: linear-gradient(to bottom, #275AAA 0%, #61C4C9 50%, #ACE8C9 100%);
}
</style>