#A05166 - #E3CDD3 | 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 #A05166 a #E3CDD3

#A05166 #E3CDD3

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

#A05166 - #E3CDD3 | 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 #A05166 como 0% y #E3CDD3 como 100%.

0.0%	0.0% #A05166	RGB 160 81 102	#A05166
16.7%	16.7% #AB6578	RGB 171 101 120	#AB6578
33.3%	33.3% #B67A8A	RGB 182 122 138	#B67A8A
50.0%	50.0% #C18F9C	RGB 193 143 156	#C18F9C
66.7%	66.7% #CCA3AE	RGB 204 163 174	#CCA3AE
83.3%	83.3% #D7B8C0	RGB 215 184 192	#D7B8C0
100.0%	100.0% #E3CDD3	RGB 227 205 211	#E3CDD3

#A05166 #AB6578 #B67A8A #C18F9C #CCA3AE #D7B8C0 #E3CDD3

#A05166 - #E3CDD3

Mezcla HSV

#A05166 - #E3CDD3 | 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 #A05166 como 0% y #E3CDD3 como 100%.

0.0%	0.0% #A05166	RGB 160 81 102	#A05166
16.7%	16.7% #AB6175	RGB 171 97 117	#AB6175
33.3%	33.3% #B67486	RGB 182 116 134	#B67486
50.0%	50.0% #C18897	RGB 193 136 151	#C18897
66.7%	66.7% #CC9DAA	RGB 204 157 170	#CC9DAA
83.3%	83.3% #D7B4BE	RGB 215 180 190	#D7B4BE
100.0%	100.0% #E3CDD3	RGB 227 205 211	#E3CDD3

#A05166 #AB6175 #B67486 #C18897 #CC9DAA #D7B4BE #E3CDD3

#A05166 - #C18897 - #E3CDD3

Códigos CSS

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

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