#96002D - #E1B6C2 | 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 #96002D a #E1B6C2

#96002D #E1B6C2

Calcule el color entre dos colores, #96002D y #E1B6C2. 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)

#96002D - #E1B6C2 | 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 #96002D como 0% y #E1B6C2 como 100%.

0.0%	0.0% #96002D	RGB 150 0 45	#96002D
16.7%	16.7% #A21E45	RGB 162 30 69	#A21E45
33.3%	33.3% #AF3C5E	RGB 175 60 94	#AF3C5E
50.0%	50.0% #BB5B77	RGB 187 91 119	#BB5B77
66.7%	66.7% #C87990	RGB 200 121 144	#C87990
83.3%	83.3% #D497A9	RGB 212 151 169	#D497A9
100.0%	100.0% #E1B6C2	RGB 225 182 194	#E1B6C2

#96002D #A21E45 #AF3C5E #BB5B77 #C87990 #D497A9 #E1B6C2

#96002D - #E1B6C2

Mezcla HSV

#96002D - #E1B6C2 | 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 #96002D como 0% y #E1B6C2 como 100%.

0.0%	0.0% #96002D	RGB 150 0 45	#96002D
16.7%	16.7% #A2153F	RGB 162 21 63	#A2153F
33.3%	33.3% #AF2F54	RGB 175 47 84	#AF2F54
50.0%	50.0% #BB4B6C	RGB 187 75 108	#BB4B6C
66.7%	66.7% #C86B86	RGB 200 107 134	#C86B86
83.3%	83.3% #D48FA2	RGB 212 143 162	#D48FA2
100.0%	100.0% #E1B6C2	RGB 225 182 194	#E1B6C2

#96002D #A2153F #AF2F54 #BB4B6C #C86B86 #D48FA2 #E1B6C2

#96002D - #BB4B6C - #E1B6C2

Códigos CSS

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

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