#A8FEF5 - #DBECED | 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 #A8FEF5 to #DBECED

#A8FEF5 #DBECED

Calculate the color between two colors, #A8FEF5 and #DBECED. 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)

#A8FEF5 - #DBECED | 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 #A8FEF5 as 0% and #DBECED as 100%.

0.0%	0.0% #A8FEF5	RGB 168 254 245	#A8FEF5
16.7%	16.7% #B0FBF3	RGB 176 251 243	#B0FBF3
33.3%	33.3% #B9F8F2	RGB 185 248 242	#B9F8F2
50.0%	50.0% #C1F5F1	RGB 193 245 241	#C1F5F1
66.7%	66.7% #CAF2EF	RGB 202 242 239	#CAF2EF
83.3%	83.3% #D2EFEE	RGB 210 239 238	#D2EFEE
100.0%	100.0% #DBECED	RGB 219 236 237	#DBECED

#A8FEF5 #B0FBF3 #B9F8F2 #C1F5F1 #CAF2EF #D2EFEE #DBECED

#A8FEF5 - #DBECED

HSV Blend

#A8FEF5 - #DBECED | 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 #A8FEF5 as 0% and #DBECED as 100%.

0.0%	0.0% #A8FEF5	RGB 168 254 245	#A8FEF5
16.7%	16.7% #B1FBF5	RGB 177 251 245	#B1FBF5
33.3%	33.3% #B9F8F5	RGB 185 248 245	#B9F8F5
50.0%	50.0% #C2F5F4	RGB 194 245 244	#C2F5F4
66.7%	66.7% #CAF2F2	RGB 202 242 242	#CAF2F2
83.3%	83.3% #D3EFEF	RGB 211 239 239	#D3EFEF
100.0%	100.0% #DBECED	RGB 219 236 237	#DBECED

#A8FEF5 #B1FBF5 #B9F8F5 #C2F5F4 #CAF2F2 #D3EFEF #DBECED

#A8FEF5 - #C2F5F4 - #DBECED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FEF5 0%, #C2F5F4 50%, #DBECED 100%);
    background: -webkit-linear-gradient(top, #A8FEF5 0%, #C2F5F4 50%, #DBECED 100%);
    background: linear-gradient(to bottom, #A8FEF5 0%, #C2F5F4 50%, #DBECED 100%);
}
</style>