#FFA89C - #FFE5E2 | 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 #FFA89C a #FFE5E2

#FFA89C #FFE5E2

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

#FFA89C - #FFE5E2 | 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 #FFA89C como 0% y #FFE5E2 como 100%.

0.0%	0.0% #FFA89C	RGB 255 168 156	#FFA89C
16.7%	16.7% #FFB2A7	RGB 255 178 167	#FFB2A7
33.3%	33.3% #FFBCB3	RGB 255 188 179	#FFBCB3
50.0%	50.0% #FFC6BF	RGB 255 198 191	#FFC6BF
66.7%	66.7% #FFD0CA	RGB 255 208 202	#FFD0CA
83.3%	83.3% #FFDAD6	RGB 255 218 214	#FFDAD6
100.0%	100.0% #FFE5E2	RGB 255 229 226	#FFE5E2

#FFA89C #FFB2A7 #FFBCB3 #FFC6BF #FFD0CA #FFDAD6 #FFE5E2

#FFA89C - #FFE5E2

Mezcla HSV

#FFA89C - #FFE5E2 | 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 #FFA89C como 0% y #FFE5E2 como 100%.

0.0%	0.0% #FFA89C	RGB 255 168 156	#FFA89C
16.7%	16.7% #FFB1A7	RGB 255 177 167	#FFB1A7
33.3%	33.3% #FFBCB3	RGB 255 188 179	#FFBCB3
50.0%	50.0% #FFC6BF	RGB 255 198 191	#FFC6BF
66.7%	66.7% #FFD0CA	RGB 255 208 202	#FFD0CA
83.3%	83.3% #FFDAD6	RGB 255 218 214	#FFDAD6
100.0%	100.0% #FFE5E2	RGB 255 229 226	#FFE5E2

#FFA89C #FFB1A7 #FFBCB3 #FFC6BF #FFD0CA #FFDAD6 #FFE5E2

#FFA89C - #FFC6BF - #FFE5E2

Códigos CSS

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

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