#832F00 - #EB6DAE | 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 #832F00 a #EB6DAE

#832F00 #EB6DAE

Calcule el color entre dos colores, #832F00 y #EB6DAE. 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)

#832F00 - #EB6DAE | 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 #832F00 como 0% y #EB6DAE como 100%.

0.0%	0.0% #832F00	RGB 131 47 0	#832F00
16.7%	16.7% #94391D	RGB 148 57 29	#94391D
33.3%	33.3% #A5433A	RGB 165 67 58	#A5433A
50.0%	50.0% #B74E57	RGB 183 78 87	#B74E57
66.7%	66.7% #C85874	RGB 200 88 116	#C85874
83.3%	83.3% #D96291	RGB 217 98 145	#D96291
100.0%	100.0% #EB6DAE	RGB 235 109 174	#EB6DAE

#832F00 #94391D #A5433A #B74E57 #C85874 #D96291 #EB6DAE

#832F00 - #EB6DAE

Mezcla HSV

#832F00 - #EB6DAE | 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 #832F00 como 0% y #EB6DAE como 100%.

0.0%	0.0% #832F00	RGB 131 47 0	#832F00
16.7%	16.7% #94280B	RGB 148 40 11	#94280B
33.3%	33.3% #A52319	RGB 165 35 25	#A52319
50.0%	50.0% #B72A35	RGB 183 42 53	#B72A35
66.7%	66.7% #C83D5C	RGB 200 61 92	#C83D5C
83.3%	83.3% #D95485	RGB 217 84 133	#D95485
100.0%	100.0% #EB6DAE	RGB 235 109 174	#EB6DAE

#832F00 #94280B #A52319 #B72A35 #C83D5C #D95485 #EB6DAE

#832F00 - #B72A35 - #EB6DAE

Códigos CSS

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

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