#A61A1A - #EBACEA | 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 #A61A1A a #EBACEA

#A61A1A #EBACEA

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

#A61A1A - #EBACEA | 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 #A61A1A como 0% y #EBACEA como 100%.

0.0%	0.0% #A61A1A	RGB 166 26 26	#A61A1A
16.7%	16.7% #B1323C	RGB 177 50 60	#B1323C
33.3%	33.3% #BD4A5F	RGB 189 74 95	#BD4A5F
50.0%	50.0% #C86382	RGB 200 99 130	#C86382
66.7%	66.7% #D47BA4	RGB 212 123 164	#D47BA4
83.3%	83.3% #DF93C7	RGB 223 147 199	#DF93C7
100.0%	100.0% #EBACEA	RGB 235 172 234	#EBACEA

#A61A1A #B1323C #BD4A5F #C86382 #D47BA4 #DF93C7 #EBACEA

#A61A1A - #EBACEA

Mezcla HSV

#A61A1A - #EBACEA | 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 #A61A1A como 0% y #EBACEA como 100%.

0.0%	0.0% #A61A1A	RGB 166 26 26	#A61A1A
16.7%	16.7% #B12C42	RGB 177 44 66	#B12C42
33.3%	33.3% #BD416A	RGB 189 65 106	#BD416A
50.0%	50.0% #C8598F	RGB 200 89 143	#C8598F
66.7%	66.7% #D472B2	RGB 212 114 178	#D472B2
83.3%	83.3% #DF8ED0	RGB 223 142 208	#DF8ED0
100.0%	100.0% #EBACEA	RGB 235 172 234	#EBACEA

#A61A1A #B12C42 #BD416A #C8598F #D472B2 #DF8ED0 #EBACEA

#A61A1A - #C8598F - #EBACEA

Códigos CSS

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

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