#CCEADB - #6BBBAC | 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 #CCEADB to #6BBBAC

#CCEADB #6BBBAC

Calculate the color between two colors, #CCEADB and #6BBBAC. 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)

#CCEADB - #6BBBAC | 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 #CCEADB as 0% and #6BBBAC as 100%.

0.0%	0.0% #CCEADB	RGB 204 234 219	#CCEADB
16.7%	16.7% #BBE2D3	RGB 187 226 211	#BBE2D3
33.3%	33.3% #ABDACB	RGB 171 218 203	#ABDACB
50.0%	50.0% #9BD2C3	RGB 155 210 195	#9BD2C3
66.7%	66.7% #8BCABB	RGB 139 202 187	#8BCABB
83.3%	83.3% #7BC2B3	RGB 123 194 179	#7BC2B3
100.0%	100.0% #6BBBAC	RGB 107 187 172	#6BBBAC

#CCEADB #BBE2D3 #ABDACB #9BD2C3 #8BCABB #7BC2B3 #6BBBAC

#CCEADB - #6BBBAC

HSV Blend

#CCEADB - #6BBBAC | 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 #CCEADB as 0% and #6BBBAC as 100%.

0.0%	0.0% #CCEADB	RGB 204 234 219	#CCEADB
16.7%	16.7% #B9E2D0	RGB 185 226 208	#B9E2D0
33.3%	33.3% #A8DAC6	RGB 168 218 198	#A8DAC6
50.0%	50.0% #97D2BE	RGB 151 210 190	#97D2BE
66.7%	66.7% #88CAB7	RGB 136 202 183	#88CAB7
83.3%	83.3% #79C2B1	RGB 121 194 177	#79C2B1
100.0%	100.0% #6BBBAC	RGB 107 187 172	#6BBBAC

#CCEADB #B9E2D0 #A8DAC6 #97D2BE #88CAB7 #79C2B1 #6BBBAC

#CCEADB - #97D2BE - #6BBBAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCEADB 0%, #97D2BE 50%, #6BBBAC 100%);
    background: -webkit-linear-gradient(top, #CCEADB 0%, #97D2BE 50%, #6BBBAC 100%);
    background: linear-gradient(to bottom, #CCEADB 0%, #97D2BE 50%, #6BBBAC 100%);
}
</style>