#C7DCC7 - #EEECCC | 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 #C7DCC7 a #EEECCC

#C7DCC7 #EEECCC

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

#C7DCC7 - #EEECCC | 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 #C7DCC7 como 0% y #EEECCC como 100%.

0.0%	0.0% #C7DCC7	RGB 199 220 199	#C7DCC7
16.7%	16.7% #CDDEC7	RGB 205 222 199	#CDDEC7
33.3%	33.3% #D4E1C8	RGB 212 225 200	#D4E1C8
50.0%	50.0% #DAE4C9	RGB 218 228 201	#DAE4C9
66.7%	66.7% #E1E6CA	RGB 225 230 202	#E1E6CA
83.3%	83.3% #E7E9CB	RGB 231 233 203	#E7E9CB
100.0%	100.0% #EEECCC	RGB 238 236 204	#EEECCC

#C7DCC7 #CDDEC7 #D4E1C8 #DAE4C9 #E1E6CA #E7E9CB #EEECCC

#C7DCC7 - #EEECCC

Mezcla HSV

#C7DCC7 - #EEECCC | 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 #C7DCC7 como 0% y #EEECCC como 100%.

0.0%	0.0% #C7DCC7	RGB 199 220 199	#C7DCC7
16.7%	16.7% #CCDFC7	RGB 204 223 199	#CCDFC7
33.3%	33.3% #D1E2C8	RGB 209 226 200	#D1E2C8
50.0%	50.0% #D8E5C9	RGB 216 229 201	#D8E5C9
66.7%	66.7% #DFE8CA	RGB 223 232 202	#DFE8CA
83.3%	83.3% #E7EBCB	RGB 231 235 203	#E7EBCB
100.0%	100.0% #EEECCC	RGB 238 236 204	#EEECCC

#C7DCC7 #CCDFC7 #D1E2C8 #D8E5C9 #DFE8CA #E7EBCB #EEECCC

#C7DCC7 - #D8E5C9 - #EEECCC

Códigos CSS

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

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