#CCD9D9 - #C7E6CE | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #CCD9D9 a #C7E6CE

#CCD9D9 #C7E6CE

Calcule el color entre dos colores, #CCD9D9 y #C7E6CE. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#CCD9D9 - #C7E6CE | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #CCD9D9 como 0% y #C7E6CE como 100%.

0.0%	0.0% #CCD9D9	RGB 204 217 217	#CCD9D9
16.7%	16.7% #CBDBD7	RGB 203 219 215	#CBDBD7
33.3%	33.3% #CADDD5	RGB 202 221 213	#CADDD5
50.0%	50.0% #C9DFD3	RGB 201 223 211	#C9DFD3
66.7%	66.7% #C8E1D1	RGB 200 225 209	#C8E1D1
83.3%	83.3% #C7E3CF	RGB 199 227 207	#C7E3CF
100.0%	100.0% #C7E6CE	RGB 199 230 206	#C7E6CE

#CCD9D9 #CBDBD7 #CADDD5 #C9DFD3 #C8E1D1 #C7E3CF #C7E6CE

#CCD9D9 - #C7E6CE

Mezcla HSV

#CCD9D9 - #C7E6CE | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #CCD9D9 como 0% y #C7E6CE como 100%.

0.0%	0.0% #CCD9D9	RGB 204 217 217	#CCD9D9
16.7%	16.7% #CBDBD9	RGB 203 219 217	#CBDBD9
33.3%	33.3% #CADDD8	RGB 202 221 216	#CADDD8
50.0%	50.0% #C9DFD7	RGB 201 223 215	#C9DFD7
66.7%	66.7% #C8E1D4	RGB 200 225 212	#C8E1D4
83.3%	83.3% #C7E3D1	RGB 199 227 209	#C7E3D1
100.0%	100.0% #C7E6CE	RGB 199 230 206	#C7E6CE

#CCD9D9 #CBDBD9 #CADDD8 #C9DFD7 #C8E1D4 #C7E3D1 #C7E6CE

#CCD9D9 - #C9DFD7 - #C7E6CE

Códigos CSS

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

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