#D8D9CD - #EBF5E2 | 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 #D8D9CD a #EBF5E2

#D8D9CD #EBF5E2

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

#D8D9CD - #EBF5E2 | 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 #D8D9CD como 0% y #EBF5E2 como 100%.

0.0%	0.0% #D8D9CD	RGB 216 217 205	#D8D9CD
16.7%	16.7% #DBDDD0	RGB 219 221 208	#DBDDD0
33.3%	33.3% #DEE2D4	RGB 222 226 212	#DEE2D4
50.0%	50.0% #E1E7D7	RGB 225 231 215	#E1E7D7
66.7%	66.7% #E4EBDB	RGB 228 235 219	#E4EBDB
83.3%	83.3% #E7F0DE	RGB 231 240 222	#E7F0DE
100.0%	100.0% #EBF5E2	RGB 235 245 226	#EBF5E2

#D8D9CD #DBDDD0 #DEE2D4 #E1E7D7 #E4EBDB #E7F0DE #EBF5E2

#D8D9CD - #EBF5E2

Mezcla HSV

#D8D9CD - #EBF5E2 | 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 #D8D9CD como 0% y #EBF5E2 como 100%.

0.0%	0.0% #D8D9CD	RGB 216 217 205	#D8D9CD
16.7%	16.7% #DBDDD0	RGB 219 221 208	#DBDDD0
33.3%	33.3% #DFE2D4	RGB 223 226 212	#DFE2D4
50.0%	50.0% #E2E7D7	RGB 226 231 215	#E2E7D7
66.7%	66.7% #E5EBDB	RGB 229 235 219	#E5EBDB
83.3%	83.3% #E8F0DE	RGB 232 240 222	#E8F0DE
100.0%	100.0% #EBF5E2	RGB 235 245 226	#EBF5E2

#D8D9CD #DBDDD0 #DFE2D4 #E2E7D7 #E5EBDB #E8F0DE #EBF5E2

#D8D9CD - #E2E7D7 - #EBF5E2

Códigos CSS

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

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