#A4E5E5 - #31BCBE | 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 #A4E5E5 to #31BCBE

#A4E5E5 #31BCBE

Calculate the color between two colors, #A4E5E5 and #31BCBE. 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)

#A4E5E5 - #31BCBE | 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 #A4E5E5 as 0% and #31BCBE as 100%.

0.0%	0.0% #A4E5E5	RGB 164 229 229	#A4E5E5
16.7%	16.7% #90DEDE	RGB 144 222 222	#90DEDE
33.3%	33.3% #7DD7D8	RGB 125 215 216	#7DD7D8
50.0%	50.0% #6AD0D1	RGB 106 208 209	#6AD0D1
66.7%	66.7% #57C9CB	RGB 87 201 203	#57C9CB
83.3%	83.3% #44C2C4	RGB 68 194 196	#44C2C4
100.0%	100.0% #31BCBE	RGB 49 188 190	#31BCBE

#A4E5E5 #90DEDE #7DD7D8 #6AD0D1 #57C9CB #44C2C4 #31BCBE

#A4E5E5 - #31BCBE

HSV Blend

#A4E5E5 - #31BCBE | 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 #A4E5E5 as 0% and #31BCBE as 100%.

0.0%	0.0% #A4E5E5	RGB 164 229 229	#A4E5E5
16.7%	16.7% #8EDEDE	RGB 142 222 222	#8EDEDE
33.3%	33.3% #79D7D8	RGB 121 215 216	#79D7D8
50.0%	50.0% #66D0D1	RGB 102 208 209	#66D0D1
66.7%	66.7% #53C9CB	RGB 83 201 203	#53C9CB
83.3%	83.3% #41C2C4	RGB 65 194 196	#41C2C4
100.0%	100.0% #31BCBE	RGB 49 188 190	#31BCBE

#A4E5E5 #8EDEDE #79D7D8 #66D0D1 #53C9CB #41C2C4 #31BCBE

#A4E5E5 - #66D0D1 - #31BCBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4E5E5 0%, #66D0D1 50%, #31BCBE 100%);
    background: -webkit-linear-gradient(top, #A4E5E5 0%, #66D0D1 50%, #31BCBE 100%);
    background: linear-gradient(to bottom, #A4E5E5 0%, #66D0D1 50%, #31BCBE 100%);
}
</style>