#C8D7A7 - #EFF3E5 | 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 #C8D7A7 a #EFF3E5

#C8D7A7 #EFF3E5

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

#C8D7A7 - #EFF3E5 | 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 #C8D7A7 como 0% y #EFF3E5 como 100%.

0.0%	0.0% #C8D7A7	RGB 200 215 167	#C8D7A7
16.7%	16.7% #CEDBB1	RGB 206 219 177	#CEDBB1
33.3%	33.3% #D5E0BB	RGB 213 224 187	#D5E0BB
50.0%	50.0% #DBE5C6	RGB 219 229 198	#DBE5C6
66.7%	66.7% #E2E9D0	RGB 226 233 208	#E2E9D0
83.3%	83.3% #E8EEDA	RGB 232 238 218	#E8EEDA
100.0%	100.0% #EFF3E5	RGB 239 243 229	#EFF3E5

#C8D7A7 #CEDBB1 #D5E0BB #DBE5C6 #E2E9D0 #E8EEDA #EFF3E5

#C8D7A7 - #EFF3E5

Mezcla HSV

#C8D7A7 - #EFF3E5 | 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 #C8D7A7 como 0% y #EFF3E5 como 100%.

0.0%	0.0% #C8D7A7	RGB 200 215 167	#C8D7A7
16.7%	16.7% #CEDBB0	RGB 206 219 176	#CEDBB0
33.3%	33.3% #D4E0BA	RGB 212 224 186	#D4E0BA
50.0%	50.0% #DBE5C4	RGB 219 229 196	#DBE5C4
66.7%	66.7% #E1E9CF	RGB 225 233 207	#E1E9CF
83.3%	83.3% #E8EEDA	RGB 232 238 218	#E8EEDA
100.0%	100.0% #EFF3E5	RGB 239 243 229	#EFF3E5

#C8D7A7 #CEDBB0 #D4E0BA #DBE5C4 #E1E9CF #E8EEDA #EFF3E5

#C8D7A7 - #DBE5C4 - #EFF3E5

Códigos CSS

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

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