#C7CAB5 - #C2FFFB | 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 #C7CAB5 to #C2FFFB

#C7CAB5 #C2FFFB

Calculate the color between two colors, #C7CAB5 and #C2FFFB. 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)

#C7CAB5 - #C2FFFB | 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 #C7CAB5 as 0% and #C2FFFB as 100%.

0.0%	0.0% #C7CAB5	RGB 199 202 181	#C7CAB5
16.7%	16.7% #C6D2C0	RGB 198 210 192	#C6D2C0
33.3%	33.3% #C5DBCC	RGB 197 219 204	#C5DBCC
50.0%	50.0% #C4E4D8	RGB 196 228 216	#C4E4D8
66.7%	66.7% #C3EDE3	RGB 195 237 227	#C3EDE3
83.3%	83.3% #C2F6EF	RGB 194 246 239	#C2F6EF
100.0%	100.0% #C2FFFB	RGB 194 255 251	#C2FFFB

#C7CAB5 #C6D2C0 #C5DBCC #C4E4D8 #C3EDE3 #C2F6EF #C2FFFB

#C7CAB5 - #C2FFFB

HSV Blend

#C7CAB5 - #C2FFFB | 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 #C7CAB5 as 0% and #C2FFFB as 100%.

0.0%	0.0% #C7CAB5	RGB 199 202 181	#C7CAB5
16.7%	16.7% #C7D2B8	RGB 199 210 184	#C7D2B8
33.3%	33.3% #C3DBBA	RGB 195 219 186	#C3DBBA
50.0%	50.0% #BDE4BE	RGB 189 228 190	#BDE4BE
66.7%	66.7% #BFEDCE	RGB 191 237 206	#BFEDCE
83.3%	83.3% #C0F6E2	RGB 192 246 226	#C0F6E2
100.0%	100.0% #C2FFFB	RGB 194 255 251	#C2FFFB

#C7CAB5 #C7D2B8 #C3DBBA #BDE4BE #BFEDCE #C0F6E2 #C2FFFB

#C7CAB5 - #BDE4BE - #C2FFFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CAB5 0%, #BDE4BE 50%, #C2FFFB 100%);
    background: -webkit-linear-gradient(top, #C7CAB5 0%, #BDE4BE 50%, #C2FFFB 100%);
    background: linear-gradient(to bottom, #C7CAB5 0%, #BDE4BE 50%, #C2FFFB 100%);
}
</style>