#84DDDC - #A8CEFC | 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 #84DDDC to #A8CEFC

#84DDDC #A8CEFC

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

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

0.0%	0.0% #84DDDC	RGB 132 221 220	#84DDDC
16.7%	16.7% #8ADAE1	RGB 138 218 225	#8ADAE1
33.3%	33.3% #90D8E6	RGB 144 216 230	#90D8E6
50.0%	50.0% #96D5EC	RGB 150 213 236	#96D5EC
66.7%	66.7% #9CD3F1	RGB 156 211 241	#9CD3F1
83.3%	83.3% #A2D0F6	RGB 162 208 246	#A2D0F6
100.0%	100.0% #A8CEFC	RGB 168 206 252	#A8CEFC

#84DDDC #8ADAE1 #90D8E6 #96D5EC #9CD3F1 #A2D0F6 #A8CEFC

#84DDDC - #A8CEFC

HSV Blend

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

0.0%	0.0% #84DDDC	RGB 132 221 220	#84DDDC
16.7%	16.7% #89DAE2	RGB 137 218 226	#89DAE2
33.3%	33.3% #8FD7E7	RGB 143 215 231	#8FD7E7
50.0%	50.0% #95D5EC	RGB 149 213 236	#95D5EC
66.7%	66.7% #9BD2F1	RGB 155 210 241	#9BD2F1
83.3%	83.3% #A1D0F6	RGB 161 208 246	#A1D0F6
100.0%	100.0% #A8CEFC	RGB 168 206 252	#A8CEFC

#84DDDC #89DAE2 #8FD7E7 #95D5EC #9BD2F1 #A1D0F6 #A8CEFC

#84DDDC - #95D5EC - #A8CEFC

CSS codes

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

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