#84D6D6 - #A8D0FD | 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 #84D6D6 to #A8D0FD

#84D6D6 #A8D0FD

Calculate the color between two colors, #84D6D6 and #A8D0FD. 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)

#84D6D6 - #A8D0FD | 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 #84D6D6 as 0% and #A8D0FD as 100%.

0.0%	0.0% #84D6D6	RGB 132 214 214	#84D6D6
16.7%	16.7% #8AD5DC	RGB 138 213 220	#8AD5DC
33.3%	33.3% #90D4E3	RGB 144 212 227	#90D4E3
50.0%	50.0% #96D3E9	RGB 150 211 233	#96D3E9
66.7%	66.7% #9CD2F0	RGB 156 210 240	#9CD2F0
83.3%	83.3% #A2D1F6	RGB 162 209 246	#A2D1F6
100.0%	100.0% #A8D0FD	RGB 168 208 253	#A8D0FD

#84D6D6 #8AD5DC #90D4E3 #96D3E9 #9CD2F0 #A2D1F6 #A8D0FD

#84D6D6 - #A8D0FD

HSV Blend

#84D6D6 - #A8D0FD | 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 #84D6D6 as 0% and #A8D0FD as 100%.

0.0%	0.0% #84D6D6	RGB 132 214 214	#84D6D6
16.7%	16.7% #89D5DC	RGB 137 213 220	#89D5DC
33.3%	33.3% #8FD4E3	RGB 143 212 227	#8FD4E3
50.0%	50.0% #95D3E9	RGB 149 211 233	#95D3E9
66.7%	66.7% #9BD2F0	RGB 155 210 240	#9BD2F0
83.3%	83.3% #A1D1F6	RGB 161 209 246	#A1D1F6
100.0%	100.0% #A8D0FD	RGB 168 208 253	#A8D0FD

#84D6D6 #89D5DC #8FD4E3 #95D3E9 #9BD2F0 #A1D1F6 #A8D0FD

#84D6D6 - #95D3E9 - #A8D0FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84D6D6 0%, #95D3E9 50%, #A8D0FD 100%);
    background: -webkit-linear-gradient(top, #84D6D6 0%, #95D3E9 50%, #A8D0FD 100%);
    background: linear-gradient(to bottom, #84D6D6 0%, #95D3E9 50%, #A8D0FD 100%);
}
</style>