#A52424 - #E3ABE7 | 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 #A52424 a #E3ABE7

#A52424 #E3ABE7

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

#A52424 - #E3ABE7 | 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 #A52424 como 0% y #E3ABE7 como 100%.

0.0%	0.0% #A52424	RGB 165 36 36	#A52424
16.7%	16.7% #AF3A44	RGB 175 58 68	#AF3A44
33.3%	33.3% #B95165	RGB 185 81 101	#B95165
50.0%	50.0% #C46785	RGB 196 103 133	#C46785
66.7%	66.7% #CE7EA6	RGB 206 126 166	#CE7EA6
83.3%	83.3% #D894C6	RGB 216 148 198	#D894C6
100.0%	100.0% #E3ABE7	RGB 227 171 231	#E3ABE7

#A52424 #AF3A44 #B95165 #C46785 #CE7EA6 #D894C6 #E3ABE7

#A52424 - #E3ABE7

Mezcla HSV

#A52424 - #E3ABE7 | 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 #A52424 como 0% y #E3ABE7 como 100%.

0.0%	0.0% #A52424	RGB 165 36 36	#A52424
16.7%	16.7% #B0354B	RGB 176 53 75	#B0354B
33.3%	33.3% #BB4971	RGB 187 73 113	#BB4971
50.0%	50.0% #C65E95	RGB 198 94 149	#C65E95
66.7%	66.7% #D176B6	RGB 209 118 182	#D176B6
83.3%	83.3% #DC8FD3	RGB 220 143 211	#DC8FD3
100.0%	100.0% #E3ABE7	RGB 227 171 231	#E3ABE7

#A52424 #B0354B #BB4971 #C65E95 #D176B6 #DC8FD3 #E3ABE7

#A52424 - #C65E95 - #E3ABE7

Códigos CSS

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

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