#E2A5AC - #AD4D5E | 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 #E2A5AC a #AD4D5E

#E2A5AC #AD4D5E

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

#E2A5AC - #AD4D5E | 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 #E2A5AC como 0% y #AD4D5E como 100%.

0.0%	0.0% #E2A5AC	RGB 226 165 172	#E2A5AC
16.7%	16.7% #D9969F	RGB 217 150 159	#D9969F
33.3%	33.3% #D08792	RGB 208 135 146	#D08792
50.0%	50.0% #C77985	RGB 199 121 133	#C77985
66.7%	66.7% #BE6A78	RGB 190 106 120	#BE6A78
83.3%	83.3% #B55B6B	RGB 181 91 107	#B55B6B
100.0%	100.0% #AD4D5E	RGB 173 77 94	#AD4D5E

#E2A5AC #D9969F #D08792 #C77985 #BE6A78 #B55B6B #AD4D5E

#E2A5AC - #AD4D5E

Mezcla HSV

#E2A5AC - #AD4D5E | 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 #E2A5AC como 0% y #AD4D5E como 100%.

0.0%	0.0% #E2A5AC	RGB 226 165 172	#E2A5AC
16.7%	16.7% #D9949C	RGB 217 148 156	#D9949C
33.3%	33.3% #D0848E	RGB 208 132 142	#D0848E
50.0%	50.0% #C77581	RGB 199 117 129	#C77581
66.7%	66.7% #BE6674	RGB 190 102 116	#BE6674
83.3%	83.3% #B55968	RGB 181 89 104	#B55968
100.0%	100.0% #AD4D5E	RGB 173 77 94	#AD4D5E

#E2A5AC #D9949C #D0848E #C77581 #BE6674 #B55968 #AD4D5E

#E2A5AC - #C77581 - #AD4D5E

Códigos CSS

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

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