#4A8561 - #15261B | 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 #4A8561 a #15261B

#4A8561 #15261B

Calcule el color entre dos colores, #4A8561 y #15261B. 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)

#4A8561 - #15261B | 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 #4A8561 como 0% y #15261B como 100%.

0.0%	0.0% #4A8561	RGB 74 133 97	#4A8561
16.7%	16.7% #417555	RGB 65 117 85	#417555
33.3%	33.3% #386549	RGB 56 101 73	#386549
50.0%	50.0% #2F553E	RGB 47 85 62	#2F553E
66.7%	66.7% #264532	RGB 38 69 50	#264532
83.3%	83.3% #1D3526	RGB 29 53 38	#1D3526
100.0%	100.0% #15261B	RGB 21 38 27	#15261B

#4A8561 #417555 #386549 #2F553E #264532 #1D3526 #15261B

#4A8561 - #15261B

Mezcla HSV

#4A8561 - #15261B | 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 #4A8561 como 0% y #15261B como 100%.

0.0%	0.0% #4A8561	RGB 74 133 97	#4A8561
16.7%	16.7% #417555	RGB 65 117 85	#417555
33.3%	33.3% #386549	RGB 56 101 73	#386549
50.0%	50.0% #2F553D	RGB 47 85 61	#2F553D
66.7%	66.7% #264531	RGB 38 69 49	#264531
83.3%	83.3% #1D3526	RGB 29 53 38	#1D3526
100.0%	100.0% #15261B	RGB 21 38 27	#15261B

#4A8561 #417555 #386549 #2F553D #264531 #1D3526 #15261B

#4A8561 - #2F553D - #15261B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8561 0%, #2F553D 50%, #15261B 100%);
    background: -webkit-linear-gradient(top, #4A8561 0%, #2F553D 50%, #15261B 100%);
    background: linear-gradient(to bottom, #4A8561 0%, #2F553D 50%, #15261B 100%);
}
</style>