#A44444 - #E5C9C9 | 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 #A44444 a #E5C9C9

#A44444 #E5C9C9

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

#A44444 - #E5C9C9 | 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 #A44444 como 0% y #E5C9C9 como 100%.

0.0%	0.0% #A44444	RGB 164 68 68	#A44444
16.7%	16.7% #AE5A5A	RGB 174 90 90	#AE5A5A
33.3%	33.3% #B97070	RGB 185 112 112	#B97070
50.0%	50.0% #C48686	RGB 196 134 134	#C48686
66.7%	66.7% #CF9C9C	RGB 207 156 156	#CF9C9C
83.3%	83.3% #DAB2B2	RGB 218 178 178	#DAB2B2
100.0%	100.0% #E5C9C9	RGB 229 201 201	#E5C9C9

#A44444 #AE5A5A #B97070 #C48686 #CF9C9C #DAB2B2 #E5C9C9

#A44444 - #E5C9C9

Mezcla HSV

#A44444 - #E5C9C9 | 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 #A44444 como 0% y #E5C9C9 como 100%.

0.0%	0.0% #A44444	RGB 164 68 68	#A44444
16.7%	16.7% #AE5555	RGB 174 85 85	#AE5555
33.3%	33.3% #B96969	RGB 185 105 105	#B96969
50.0%	50.0% #C47E7E	RGB 196 126 126	#C47E7E
66.7%	66.7% #CF9595	RGB 207 149 149	#CF9595
83.3%	83.3% #DAAEAE	RGB 218 174 174	#DAAEAE
100.0%	100.0% #E5C9C9	RGB 229 201 201	#E5C9C9

#A44444 #AE5555 #B96969 #C47E7E #CF9595 #DAAEAE #E5C9C9

#A44444 - #C47E7E - #E5C9C9

Códigos CSS

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

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