#963F00 - #ED94AF | 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 #963F00 a #ED94AF

#963F00 #ED94AF

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

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

0.0%	0.0% #963F00	RGB 150 63 0	#963F00
16.7%	16.7% #A44D1D	RGB 164 77 29	#A44D1D
33.3%	33.3% #B35B3A	RGB 179 91 58	#B35B3A
50.0%	50.0% #C16957	RGB 193 105 87	#C16957
66.7%	66.7% #D07774	RGB 208 119 116	#D07774
83.3%	83.3% #DE8591	RGB 222 133 145	#DE8591
100.0%	100.0% #ED94AF	RGB 237 148 175	#ED94AF

#963F00 #A44D1D #B35B3A #C16957 #D07774 #DE8591 #ED94AF

#963F00 - #ED94AF

Mezcla HSV

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

0.0%	0.0% #963F00	RGB 150 63 0	#963F00
16.7%	16.7% #A43D11	RGB 164 61 17	#A43D11
33.3%	33.3% #B33E25	RGB 179 62 37	#B33E25
50.0%	50.0% #C1443C	RGB 193 68 60	#C1443C
66.7%	66.7% #D0565E	RGB 208 86 94	#D0565E
83.3%	83.3% #DE7387	RGB 222 115 135	#DE7387
100.0%	100.0% #ED94AF	RGB 237 148 175	#ED94AF

#963F00 #A43D11 #B33E25 #C1443C #D0565E #DE7387 #ED94AF

#963F00 - #C1443C - #ED94AF

Códigos CSS

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

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