#ADDBDB - #3DADAE | 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 #ADDBDB to #3DADAE

#ADDBDB #3DADAE

Calculate the color between two colors, #ADDBDB and #3DADAE. 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)

#ADDBDB - #3DADAE | 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 #ADDBDB as 0% and #3DADAE as 100%.

0.0%	0.0% #ADDBDB	RGB 173 219 219	#ADDBDB
16.7%	16.7% #9AD3D3	RGB 154 211 211	#9AD3D3
33.3%	33.3% #87CBCC	RGB 135 203 204	#87CBCC
50.0%	50.0% #75C4C4	RGB 117 196 196	#75C4C4
66.7%	66.7% #62BCBD	RGB 98 188 189	#62BCBD
83.3%	83.3% #4FB4B5	RGB 79 180 181	#4FB4B5
100.0%	100.0% #3DADAE	RGB 61 173 174	#3DADAE

#ADDBDB #9AD3D3 #87CBCC #75C4C4 #62BCBD #4FB4B5 #3DADAE

#ADDBDB - #3DADAE

HSV Blend

#ADDBDB - #3DADAE | 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 #ADDBDB as 0% and #3DADAE as 100%.

0.0%	0.0% #ADDBDB	RGB 173 219 219	#ADDBDB
16.7%	16.7% #97D3D3	RGB 151 211 211	#97D3D3
33.3%	33.3% #83CBCC	RGB 131 203 204	#83CBCC
50.0%	50.0% #70C4C4	RGB 112 196 196	#70C4C4
66.7%	66.7% #5DBCBD	RGB 93 188 189	#5DBCBD
83.3%	83.3% #4CB4B5	RGB 76 180 181	#4CB4B5
100.0%	100.0% #3DADAE	RGB 61 173 174	#3DADAE

#ADDBDB #97D3D3 #83CBCC #70C4C4 #5DBCBD #4CB4B5 #3DADAE

#ADDBDB - #70C4C4 - #3DADAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADDBDB 0%, #70C4C4 50%, #3DADAE 100%);
    background: -webkit-linear-gradient(top, #ADDBDB 0%, #70C4C4 50%, #3DADAE 100%);
    background: linear-gradient(to bottom, #ADDBDB 0%, #70C4C4 50%, #3DADAE 100%);
}
</style>