#FFDDAB - #FFF5E7 | 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 #FFDDAB a #FFF5E7

#FFDDAB #FFF5E7

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

#FFDDAB - #FFF5E7 | 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 #FFDDAB como 0% y #FFF5E7 como 100%.

0.0%	0.0% #FFDDAB	RGB 255 221 171	#FFDDAB
16.7%	16.7% #FFE1B5	RGB 255 225 181	#FFE1B5
33.3%	33.3% #FFE5BF	RGB 255 229 191	#FFE5BF
50.0%	50.0% #FFE9C9	RGB 255 233 201	#FFE9C9
66.7%	66.7% #FFEDD3	RGB 255 237 211	#FFEDD3
83.3%	83.3% #FFF1DD	RGB 255 241 221	#FFF1DD
100.0%	100.0% #FFF5E7	RGB 255 245 231	#FFF5E7

#FFDDAB #FFE1B5 #FFE5BF #FFE9C9 #FFEDD3 #FFF1DD #FFF5E7

#FFDDAB - #FFF5E7

Mezcla HSV

#FFDDAB - #FFF5E7 | 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 #FFDDAB como 0% y #FFF5E7 como 100%.

0.0%	0.0% #FFDDAB	RGB 255 221 171	#FFDDAB
16.7%	16.7% #FFE0B5	RGB 255 224 181	#FFE0B5
33.3%	33.3% #FFE4BF	RGB 255 228 191	#FFE4BF
50.0%	50.0% #FFE8C9	RGB 255 232 201	#FFE8C9
66.7%	66.7% #FFECD3	RGB 255 236 211	#FFECD3
83.3%	83.3% #FFF0DD	RGB 255 240 221	#FFF0DD
100.0%	100.0% #FFF5E7	RGB 255 245 231	#FFF5E7

#FFDDAB #FFE0B5 #FFE4BF #FFE8C9 #FFECD3 #FFF0DD #FFF5E7

#FFDDAB - #FFE8C9 - #FFF5E7

Códigos CSS

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

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