#0083CE - #77DCEC | 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 #0083CE to #77DCEC

#0083CE #77DCEC

Calculate the color between two colors, #0083CE and #77DCEC. 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)

#0083CE - #77DCEC | 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 #0083CE as 0% and #77DCEC as 100%.

0.0%	0.0% #0083CE	RGB 0 131 206	#0083CE
16.7%	16.7% #1391D3	RGB 19 145 211	#1391D3
33.3%	33.3% #27A0D8	RGB 39 160 216	#27A0D8
50.0%	50.0% #3BAFDD	RGB 59 175 221	#3BAFDD
66.7%	66.7% #4FBEE2	RGB 79 190 226	#4FBEE2
83.3%	83.3% #63CDE7	RGB 99 205 231	#63CDE7
100.0%	100.0% #77DCEC	RGB 119 220 236	#77DCEC

#0083CE #1391D3 #27A0D8 #3BAFDD #4FBEE2 #63CDE7 #77DCEC

#0083CE - #77DCEC

HSV Blend

#0083CE - #77DCEC | 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 #0083CE as 0% and #77DCEC as 100%.

0.0%	0.0% #0083CE	RGB 0 131 206	#0083CE
16.7%	16.7% #1193D3	RGB 17 147 211	#1193D3
33.3%	33.3% #24A4D8	RGB 36 164 216	#24A4D8
50.0%	50.0% #37B3DD	RGB 55 179 221	#37B3DD
66.7%	66.7% #4BC2E2	RGB 75 194 226	#4BC2E2
83.3%	83.3% #61CFE7	RGB 97 207 231	#61CFE7
100.0%	100.0% #77DCEC	RGB 119 220 236	#77DCEC

#0083CE #1193D3 #24A4D8 #37B3DD #4BC2E2 #61CFE7 #77DCEC

#0083CE - #37B3DD - #77DCEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
    background: -webkit-linear-gradient(top, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
    background: linear-gradient(to bottom, #0083CE 0%, #37B3DD 50%, #77DCEC 100%);
}
</style>