#77AB8F - #AEE4FC | 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 #77AB8F to #AEE4FC

#77AB8F #AEE4FC

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

#77AB8F - #AEE4FC | 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 #77AB8F as 0% and #AEE4FC as 100%.

0.0%	0.0% #77AB8F	RGB 119 171 143	#77AB8F
16.7%	16.7% #80B4A1	RGB 128 180 161	#80B4A1
33.3%	33.3% #89BEB3	RGB 137 190 179	#89BEB3
50.0%	50.0% #92C7C5	RGB 146 199 197	#92C7C5
66.7%	66.7% #9BD1D7	RGB 155 209 215	#9BD1D7
83.3%	83.3% #A4DAE9	RGB 164 218 233	#A4DAE9
100.0%	100.0% #AEE4FC	RGB 174 228 252	#AEE4FC

#77AB8F #80B4A1 #89BEB3 #92C7C5 #9BD1D7 #A4DAE9 #AEE4FC

#77AB8F - #AEE4FC

HSV Blend

#77AB8F - #AEE4FC | 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 #77AB8F as 0% and #AEE4FC as 100%.

0.0%	0.0% #77AB8F	RGB 119 171 143	#77AB8F
16.7%	16.7% #80B8A2	RGB 128 184 162	#80B8A2
33.3%	33.3% #89C6B6	RGB 137 198 182	#89C6B6
50.0%	50.0% #92D3CC	RGB 146 211 204	#92D3CC
66.7%	66.7% #9BDFE1	RGB 155 223 225	#9BDFE1
83.3%	83.3% #A4E2EE	RGB 164 226 238	#A4E2EE
100.0%	100.0% #AEE4FC	RGB 174 228 252	#AEE4FC

#77AB8F #80B8A2 #89C6B6 #92D3CC #9BDFE1 #A4E2EE #AEE4FC

#77AB8F - #92D3CC - #AEE4FC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #77AB8F 0%, #92D3CC 50%, #AEE4FC 100%);
    background: -webkit-linear-gradient(top, #77AB8F 0%, #92D3CC 50%, #AEE4FC 100%);
    background: linear-gradient(to bottom, #77AB8F 0%, #92D3CC 50%, #AEE4FC 100%);
}
</style>