#B3413C - #78170D | 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 #B3413C a #78170D

#B3413C #78170D

Calcule el color entre dos colores, #B3413C y #78170D. 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)

#B3413C - #78170D | 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 #B3413C como 0% y #78170D como 100%.

0.0%	0.0% #B3413C	RGB 179 65 60	#B3413C
16.7%	16.7% #A93A34	RGB 169 58 52	#A93A34
33.3%	33.3% #9F332C	RGB 159 51 44	#9F332C
50.0%	50.0% #952C24	RGB 149 44 36	#952C24
66.7%	66.7% #8B251C	RGB 139 37 28	#8B251C
83.3%	83.3% #811E14	RGB 129 30 20	#811E14
100.0%	100.0% #78170D	RGB 120 23 13	#78170D

#B3413C #A93A34 #9F332C #952C24 #8B251C #811E14 #78170D

#B3413C - #78170D

Mezcla HSV

#B3413C - #78170D | 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 #B3413C como 0% y #78170D como 100%.

0.0%	0.0% #B3413C	RGB 179 65 60	#B3413C
16.7%	16.7% #A93832	RGB 169 56 50	#A93832
33.3%	33.3% #9F3029	RGB 159 48 41	#9F3029
50.0%	50.0% #952921	RGB 149 41 33	#952921
66.7%	66.7% #8B2219	RGB 139 34 25	#8B2219
83.3%	83.3% #811C12	RGB 129 28 18	#811C12
100.0%	100.0% #78170D	RGB 120 23 13	#78170D

#B3413C #A93832 #9F3029 #952921 #8B2219 #811C12 #78170D

#B3413C - #952921 - #78170D

Códigos CSS

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

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