#3CADCD - #CAE3D4 | 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 #3CADCD to #CAE3D4

#3CADCD #CAE3D4

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

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

0.0%	0.0% #3CADCD	RGB 60 173 205	#3CADCD
16.7%	16.7% #53B6CE	RGB 83 182 206	#53B6CE
33.3%	33.3% #6BBFCF	RGB 107 191 207	#6BBFCF
50.0%	50.0% #83C8D0	RGB 131 200 208	#83C8D0
66.7%	66.7% #9AD1D1	RGB 154 209 209	#9AD1D1
83.3%	83.3% #B2DAD2	RGB 178 218 210	#B2DAD2
100.0%	100.0% #CAE3D4	RGB 202 227 212	#CAE3D4

#3CADCD #53B6CE #6BBFCF #83C8D0 #9AD1D1 #B2DAD2 #CAE3D4

#3CADCD - #CAE3D4

HSV Blend

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

0.0%	0.0% #3CADCD	RGB 60 173 205	#3CADCD
16.7%	16.7% #51C6D0	RGB 81 198 208	#51C6D0
33.3%	33.3% #68D4CE	RGB 104 212 206	#68D4CE
50.0%	50.0% #7FD8C7	RGB 127 216 199	#7FD8C7
66.7%	66.7% #97DBC5	RGB 151 219 197	#97DBC5
83.3%	83.3% #B0DFC9	RGB 176 223 201	#B0DFC9
100.0%	100.0% #CAE3D4	RGB 202 227 212	#CAE3D4

#3CADCD #51C6D0 #68D4CE #7FD8C7 #97DBC5 #B0DFC9 #CAE3D4

#3CADCD - #7FD8C7 - #CAE3D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CADCD 0%, #7FD8C7 50%, #CAE3D4 100%);
    background: -webkit-linear-gradient(top, #3CADCD 0%, #7FD8C7 50%, #CAE3D4 100%);
    background: linear-gradient(to bottom, #3CADCD 0%, #7FD8C7 50%, #CAE3D4 100%);
}
</style>