#C0CFBA - #D3FFED | 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 #C0CFBA to #D3FFED

#C0CFBA #D3FFED

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

#C0CFBA - #D3FFED | 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 #C0CFBA as 0% and #D3FFED as 100%.

0.0%	0.0% #C0CFBA	RGB 192 207 186	#C0CFBA
16.7%	16.7% #C3D7C2	RGB 195 215 194	#C3D7C2
33.3%	33.3% #C6DFCB	RGB 198 223 203	#C6DFCB
50.0%	50.0% #C9E7D3	RGB 201 231 211	#C9E7D3
66.7%	66.7% #CCEFDC	RGB 204 239 220	#CCEFDC
83.3%	83.3% #CFF7E4	RGB 207 247 228	#CFF7E4
100.0%	100.0% #D3FFED	RGB 211 255 237	#D3FFED

#C0CFBA #C3D7C2 #C6DFCB #C9E7D3 #CCEFDC #CFF7E4 #D3FFED

#C0CFBA - #D3FFED

HSV Blend

#C0CFBA - #D3FFED | 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 #C0CFBA as 0% and #D3FFED as 100%.

0.0%	0.0% #C0CFBA	RGB 192 207 186	#C0CFBA
16.7%	16.7% #C2D7BE	RGB 194 215 190	#C2D7BE
33.3%	33.3% #C3DFC3	RGB 195 223 195	#C3DFC3
50.0%	50.0% #C7E7CC	RGB 199 231 204	#C7E7CC
66.7%	66.7% #CBEFD6	RGB 203 239 214	#CBEFD6
83.3%	83.3% #CFF7E0	RGB 207 247 224	#CFF7E0
100.0%	100.0% #D3FFED	RGB 211 255 237	#D3FFED

#C0CFBA #C2D7BE #C3DFC3 #C7E7CC #CBEFD6 #CFF7E0 #D3FFED

#C0CFBA - #C7E7CC - #D3FFED

CSS codes

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

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