#5E221F - #CD3C45 | 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 #5E221F a #CD3C45

#5E221F #CD3C45

Calcule el color entre dos colores, #5E221F y #CD3C45. 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)

#5E221F - #CD3C45 | 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 #5E221F como 0% y #CD3C45 como 100%.

0.0%	0.0% #5E221F	RGB 94 34 31	#5E221F
16.7%	16.7% #702625	RGB 112 38 37	#702625
33.3%	33.3% #832A2B	RGB 131 42 43	#832A2B
50.0%	50.0% #952F32	RGB 149 47 50	#952F32
66.7%	66.7% #A83338	RGB 168 51 56	#A83338
83.3%	83.3% #BA373E	RGB 186 55 62	#BA373E
100.0%	100.0% #CD3C45	RGB 205 60 69	#CD3C45

#5E221F #702625 #832A2B #952F32 #A83338 #BA373E #CD3C45

#5E221F - #CD3C45

Mezcla HSV

#5E221F - #CD3C45 | 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 #5E221F como 0% y #CD3C45 como 100%.

0.0%	0.0% #5E221F	RGB 94 34 31	#5E221F
16.7%	16.7% #702624	RGB 112 38 36	#702624
33.3%	33.3% #832A29	RGB 131 42 41	#832A29
50.0%	50.0% #952E2F	RGB 149 46 47	#952E2F
66.7%	66.7% #A83336	RGB 168 51 54	#A83336
83.3%	83.3% #BA373D	RGB 186 55 61	#BA373D
100.0%	100.0% #CD3C45	RGB 205 60 69	#CD3C45

#5E221F #702624 #832A29 #952E2F #A83336 #BA373D #CD3C45

#5E221F - #952E2F - #CD3C45

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
    background: -webkit-linear-gradient(top, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
    background: linear-gradient(to bottom, #5E221F 0%, #952E2F 50%, #CD3C45 100%);
}
</style>