#963E00 - #ED94AE | 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 #963E00 a #ED94AE

#963E00 #ED94AE

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

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

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #A44C1D	RGB 164 76 29	#A44C1D
33.3%	33.3% #B35A3A	RGB 179 90 58	#B35A3A
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% #ED94AE	RGB 237 148 174	#ED94AE

#963E00 #A44C1D #B35A3A #C16957 #D07774 #DE8591 #ED94AE

#963E00 - #ED94AE

Mezcla HSV

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

0.0%	0.0% #963E00	RGB 150 62 0	#963E00
16.7%	16.7% #A43C11	RGB 164 60 17	#A43C11
33.3%	33.3% #B33E25	RGB 179 62 37	#B33E25
50.0%	50.0% #C1443C	RGB 193 68 60	#C1443C
66.7%	66.7% #D0565D	RGB 208 86 93	#D0565D
83.3%	83.3% #DE7386	RGB 222 115 134	#DE7386
100.0%	100.0% #ED94AE	RGB 237 148 174	#ED94AE

#963E00 #A43C11 #B33E25 #C1443C #D0565D #DE7386 #ED94AE

#963E00 - #C1443C - #ED94AE

Códigos CSS

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

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