#B22424 - #E9C0C0 | 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 #B22424 a #E9C0C0

#B22424 #E9C0C0

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

#B22424 - #E9C0C0 | 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 #B22424 como 0% y #E9C0C0 como 100%.

0.0%	0.0% #B22424	RGB 178 36 36	#B22424
16.7%	16.7% #BB3E3E	RGB 187 62 62	#BB3E3E
33.3%	33.3% #C45858	RGB 196 88 88	#C45858
50.0%	50.0% #CD7272	RGB 205 114 114	#CD7272
66.7%	66.7% #D68C8C	RGB 214 140 140	#D68C8C
83.3%	83.3% #DFA6A6	RGB 223 166 166	#DFA6A6
100.0%	100.0% #E9C0C0	RGB 233 192 192	#E9C0C0

#B22424 #BB3E3E #C45858 #CD7272 #D68C8C #DFA6A6 #E9C0C0

#B22424 - #E9C0C0

Mezcla HSV

#B22424 - #E9C0C0 | 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 #B22424 como 0% y #E9C0C0 como 100%.

0.0%	0.0% #B22424	RGB 178 36 36	#B22424
16.7%	16.7% #BB3939	RGB 187 57 57	#BB3939
33.3%	33.3% #C45050	RGB 196 80 80	#C45050
50.0%	50.0% #CD6969	RGB 205 105 105	#CD6969
66.7%	66.7% #D68484	RGB 214 132 132	#D68484
83.3%	83.3% #DFA1A1	RGB 223 161 161	#DFA1A1
100.0%	100.0% #E9C0C0	RGB 233 192 192	#E9C0C0

#B22424 #BB3939 #C45050 #CD6969 #D68484 #DFA1A1 #E9C0C0

#B22424 - #CD6969 - #E9C0C0

Códigos CSS

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

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