#4ABABA - #CBEBEB | 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 #4ABABA to #CBEBEB

#4ABABA #CBEBEB

Calculate the color between two colors, #4ABABA and #CBEBEB. 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)

#4ABABA - #CBEBEB | 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 #4ABABA as 0% and #CBEBEB as 100%.

0.0%	0.0% #4ABABA	RGB 74 186 186	#4ABABA
16.7%	16.7% #5FC2C2	RGB 95 194 194	#5FC2C2
33.3%	33.3% #75CACA	RGB 117 202 202	#75CACA
50.0%	50.0% #8AD2D2	RGB 138 210 210	#8AD2D2
66.7%	66.7% #A0DADA	RGB 160 218 218	#A0DADA
83.3%	83.3% #B5E2E2	RGB 181 226 226	#B5E2E2
100.0%	100.0% #CBEBEB	RGB 203 235 235	#CBEBEB

#4ABABA #5FC2C2 #75CACA #8AD2D2 #A0DADA #B5E2E2 #CBEBEB

#4ABABA - #CBEBEB

HSV Blend

#4ABABA - #CBEBEB | 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 #4ABABA as 0% and #CBEBEB as 100%.

0.0%	0.0% #4ABABA	RGB 74 186 186	#4ABABA
16.7%	16.7% #5CC2C2	RGB 92 194 194	#5CC2C2
33.3%	33.3% #6FCACA	RGB 111 202 202	#6FCACA
50.0%	50.0% #84D2D2	RGB 132 210 210	#84D2D2
66.7%	66.7% #9ADADA	RGB 154 218 218	#9ADADA
83.3%	83.3% #B2E2E2	RGB 178 226 226	#B2E2E2
100.0%	100.0% #CBEBEB	RGB 203 235 235	#CBEBEB

#4ABABA #5CC2C2 #6FCACA #84D2D2 #9ADADA #B2E2E2 #CBEBEB

#4ABABA - #84D2D2 - #CBEBEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4ABABA 0%, #84D2D2 50%, #CBEBEB 100%);
    background: -webkit-linear-gradient(top, #4ABABA 0%, #84D2D2 50%, #CBEBEB 100%);
    background: linear-gradient(to bottom, #4ABABA 0%, #84D2D2 50%, #CBEBEB 100%);
}
</style>