#C8CEA5 - #EFF1E5 | 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 #C8CEA5 a #EFF1E5

#C8CEA5 #EFF1E5

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

#C8CEA5 - #EFF1E5 | 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 #C8CEA5 como 0% y #EFF1E5 como 100%.

0.0%	0.0% #C8CEA5	RGB 200 206 165	#C8CEA5
16.7%	16.7% #CED3AF	RGB 206 211 175	#CED3AF
33.3%	33.3% #D5D9BA	RGB 213 217 186	#D5D9BA
50.0%	50.0% #DBDFC5	RGB 219 223 197	#DBDFC5
66.7%	66.7% #E2E5CF	RGB 226 229 207	#E2E5CF
83.3%	83.3% #E8EBDA	RGB 232 235 218	#E8EBDA
100.0%	100.0% #EFF1E5	RGB 239 241 229	#EFF1E5

#C8CEA5 #CED3AF #D5D9BA #DBDFC5 #E2E5CF #E8EBDA #EFF1E5

#C8CEA5 - #EFF1E5

Mezcla HSV

#C8CEA5 - #EFF1E5 | 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 #C8CEA5 como 0% y #EFF1E5 como 100%.

0.0%	0.0% #C8CEA5	RGB 200 206 165	#C8CEA5
16.7%	16.7% #CED3AE	RGB 206 211 174	#CED3AE
33.3%	33.3% #D4D9B9	RGB 212 217 185	#D4D9B9
50.0%	50.0% #DBDFC3	RGB 219 223 195	#DBDFC3
66.7%	66.7% #E1E5CE	RGB 225 229 206	#E1E5CE
83.3%	83.3% #E8EBD9	RGB 232 235 217	#E8EBD9
100.0%	100.0% #EFF1E5	RGB 239 241 229	#EFF1E5

#C8CEA5 #CED3AE #D4D9B9 #DBDFC3 #E1E5CE #E8EBD9 #EFF1E5

#C8CEA5 - #DBDFC3 - #EFF1E5

Códigos CSS

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

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