#A8FAFD - #34CACB | 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 #A8FAFD to #34CACB

#A8FAFD #34CACB

Calculate the color between two colors, #A8FAFD and #34CACB. 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)

#A8FAFD - #34CACB | 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 #A8FAFD as 0% and #34CACB as 100%.

0.0%	0.0% #A8FAFD	RGB 168 250 253	#A8FAFD
16.7%	16.7% #94F2F4	RGB 148 242 244	#94F2F4
33.3%	33.3% #81EAEC	RGB 129 234 236	#81EAEC
50.0%	50.0% #6EE2E4	RGB 110 226 228	#6EE2E4
66.7%	66.7% #5ADADB	RGB 90 218 219	#5ADADB
83.3%	83.3% #47D2D3	RGB 71 210 211	#47D2D3
100.0%	100.0% #34CACB	RGB 52 202 203	#34CACB

#A8FAFD #94F2F4 #81EAEC #6EE2E4 #5ADADB #47D2D3 #34CACB

#A8FAFD - #34CACB

HSV Blend

#A8FAFD - #34CACB | 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 #A8FAFD as 0% and #34CACB as 100%.

0.0%	0.0% #A8FAFD	RGB 168 250 253	#A8FAFD
16.7%	16.7% #91F1F4	RGB 145 241 244	#91F1F4
33.3%	33.3% #7CE9EC	RGB 124 233 236	#7CE9EC
50.0%	50.0% #68E1E4	RGB 104 225 228	#68E1E4
66.7%	66.7% #56D9DB	RGB 86 217 219	#56D9DB
83.3%	83.3% #44D1D3	RGB 68 209 211	#44D1D3
100.0%	100.0% #34CACB	RGB 52 202 203	#34CACB

#A8FAFD #91F1F4 #7CE9EC #68E1E4 #56D9DB #44D1D3 #34CACB

#A8FAFD - #68E1E4 - #34CACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FAFD 0%, #68E1E4 50%, #34CACB 100%);
    background: -webkit-linear-gradient(top, #A8FAFD 0%, #68E1E4 50%, #34CACB 100%);
    background: linear-gradient(to bottom, #A8FAFD 0%, #68E1E4 50%, #34CACB 100%);
}
</style>