#CAE5DB - #66B5AC | 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 #CAE5DB to #66B5AC

#CAE5DB #66B5AC

Calculate the color between two colors, #CAE5DB and #66B5AC. 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)

#CAE5DB - #66B5AC | 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 #CAE5DB as 0% and #66B5AC as 100%.

0.0%	0.0% #CAE5DB	RGB 202 229 219	#CAE5DB
16.7%	16.7% #B9DDD3	RGB 185 221 211	#B9DDD3
33.3%	33.3% #A8D5CB	RGB 168 213 203	#A8D5CB
50.0%	50.0% #98CDC3	RGB 152 205 195	#98CDC3
66.7%	66.7% #87C5BB	RGB 135 197 187	#87C5BB
83.3%	83.3% #76BDB3	RGB 118 189 179	#76BDB3
100.0%	100.0% #66B5AC	RGB 102 181 172	#66B5AC

#CAE5DB #B9DDD3 #A8D5CB #98CDC3 #87C5BB #76BDB3 #66B5AC

#CAE5DB - #66B5AC

HSV Blend

#CAE5DB - #66B5AC | 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 #CAE5DB as 0% and #66B5AC as 100%.

0.0%	0.0% #CAE5DB	RGB 202 229 219	#CAE5DB
16.7%	16.7% #B7DDD0	RGB 183 221 208	#B7DDD0
33.3%	33.3% #A5D5C7	RGB 165 213 199	#A5D5C7
50.0%	50.0% #94CDBF	RGB 148 205 191	#94CDBF
66.7%	66.7% #83C5B8	RGB 131 197 184	#83C5B8
83.3%	83.3% #74BDB1	RGB 116 189 177	#74BDB1
100.0%	100.0% #66B5AC	RGB 102 181 172	#66B5AC

#CAE5DB #B7DDD0 #A5D5C7 #94CDBF #83C5B8 #74BDB1 #66B5AC

#CAE5DB - #94CDBF - #66B5AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAE5DB 0%, #94CDBF 50%, #66B5AC 100%);
    background: -webkit-linear-gradient(top, #CAE5DB 0%, #94CDBF 50%, #66B5AC 100%);
    background: linear-gradient(to bottom, #CAE5DB 0%, #94CDBF 50%, #66B5AC 100%);
}
</style>