#24502C - #6A846D | 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 #24502C a #6A846D

#24502C #6A846D

Calcule el color entre dos colores, #24502C y #6A846D. 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)

#24502C - #6A846D | 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 #24502C como 0% y #6A846D como 100%.

0.0%	0.0% #24502C	RGB 36 80 44	#24502C
16.7%	16.7% #2F5836	RGB 47 88 54	#2F5836
33.3%	33.3% #3B6141	RGB 59 97 65	#3B6141
50.0%	50.0% #476A4C	RGB 71 106 76	#476A4C
66.7%	66.7% #527257	RGB 82 114 87	#527257
83.3%	83.3% #5E7B62	RGB 94 123 98	#5E7B62
100.0%	100.0% #6A846D	RGB 106 132 109	#6A846D

#24502C #2F5836 #3B6141 #476A4C #527257 #5E7B62 #6A846D

#24502C - #6A846D

Mezcla HSV

#24502C - #6A846D | 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 #24502C como 0% y #6A846D como 100%.

0.0%	0.0% #24502C	RGB 36 80 44	#24502C
16.7%	16.7% #2D5834	RGB 45 88 52	#2D5834
33.3%	33.3% #37613D	RGB 55 97 61	#37613D
50.0%	50.0% #426A48	RGB 66 106 72	#426A48
66.7%	66.7% #4E7253	RGB 78 114 83	#4E7253
83.3%	83.3% #5B7B5F	RGB 91 123 95	#5B7B5F
100.0%	100.0% #6A846D	RGB 106 132 109	#6A846D

#24502C #2D5834 #37613D #426A48 #4E7253 #5B7B5F #6A846D

#24502C - #426A48 - #6A846D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24502C 0%, #426A48 50%, #6A846D 100%);
    background: -webkit-linear-gradient(top, #24502C 0%, #426A48 50%, #6A846D 100%);
    background: linear-gradient(to bottom, #24502C 0%, #426A48 50%, #6A846D 100%);
}
</style>