#C4CDC3 - #E2FFD0 | 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 #C4CDC3 a #E2FFD0

#C4CDC3 #E2FFD0

Calcule el color entre dos colores, #C4CDC3 y #E2FFD0. 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)

#C4CDC3 - #E2FFD0 | 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 #C4CDC3 como 0% y #E2FFD0 como 100%.

0.0%	0.0% #C4CDC3	RGB 196 205 195	#C4CDC3
16.7%	16.7% #C9D5C5	RGB 201 213 197	#C9D5C5
33.3%	33.3% #CEDDC7	RGB 206 221 199	#CEDDC7
50.0%	50.0% #D3E6C9	RGB 211 230 201	#D3E6C9
66.7%	66.7% #D8EECB	RGB 216 238 203	#D8EECB
83.3%	83.3% #DDF6CD	RGB 221 246 205	#DDF6CD
100.0%	100.0% #E2FFD0	RGB 226 255 208	#E2FFD0

#C4CDC3 #C9D5C5 #CEDDC7 #D3E6C9 #D8EECB #DDF6CD #E2FFD0

#C4CDC3 - #E2FFD0

Mezcla HSV

#C4CDC3 - #E2FFD0 | 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 #C4CDC3 como 0% y #E2FFD0 como 100%.

0.0%	0.0% #C4CDC3	RGB 196 205 195	#C4CDC3
16.7%	16.7% #C8D5C6	RGB 200 213 198	#C8D5C6
33.3%	33.3% #CCDDC8	RGB 204 221 200	#CCDDC8
50.0%	50.0% #D1E6CB	RGB 209 230 203	#D1E6CB
66.7%	66.7% #D6EECD	RGB 214 238 205	#D6EECD
83.3%	83.3% #DCF6CE	RGB 220 246 206	#DCF6CE
100.0%	100.0% #E2FFD0	RGB 226 255 208	#E2FFD0

#C4CDC3 #C8D5C6 #CCDDC8 #D1E6CB #D6EECD #DCF6CE #E2FFD0

#C4CDC3 - #D1E6CB - #E2FFD0

Códigos CSS

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

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