#38563C - #8A9F63 | 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 #38563C a #8A9F63

#38563C #8A9F63

Calcule el color entre dos colores, #38563C y #8A9F63. 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)

#38563C - #8A9F63 | 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 #38563C como 0% y #8A9F63 como 100%.

0.0%	0.0% #38563C	RGB 56 86 60	#38563C
16.7%	16.7% #456242	RGB 69 98 66	#456242
33.3%	33.3% #536E49	RGB 83 110 73	#536E49
50.0%	50.0% #617A4F	RGB 97 122 79	#617A4F
66.7%	66.7% #6E8656	RGB 110 134 86	#6E8656
83.3%	83.3% #7C925C	RGB 124 146 92	#7C925C
100.0%	100.0% #8A9F63	RGB 138 159 99	#8A9F63

#38563C #456242 #536E49 #617A4F #6E8656 #7C925C #8A9F63

#38563C - #8A9F63

Mezcla HSV

#38563C - #8A9F63 | 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 #38563C como 0% y #8A9F63 como 100%.

0.0%	0.0% #38563C	RGB 56 86 60	#38563C
16.7%	16.7% #3F623F	RGB 63 98 63	#3F623F
33.3%	33.3% #4B6E46	RGB 75 110 70	#4B6E46
50.0%	50.0% #597A4E	RGB 89 122 78	#597A4E
66.7%	66.7% #688655	RGB 104 134 85	#688655
83.3%	83.3% #78925C	RGB 120 146 92	#78925C
100.0%	100.0% #8A9F63	RGB 138 159 99	#8A9F63

#38563C #3F623F #4B6E46 #597A4E #688655 #78925C #8A9F63

#38563C - #597A4E - #8A9F63

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38563C 0%, #597A4E 50%, #8A9F63 100%);
    background: -webkit-linear-gradient(top, #38563C 0%, #597A4E 50%, #8A9F63 100%);
    background: linear-gradient(to bottom, #38563C 0%, #597A4E 50%, #8A9F63 100%);
}
</style>