#3E8960 - #0E4F2F | 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 #3E8960 a #0E4F2F

#3E8960 #0E4F2F

Calcule el color entre dos colores, #3E8960 y #0E4F2F. 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)

#3E8960 - #0E4F2F | 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 #3E8960 como 0% y #0E4F2F como 100%.

0.0%	0.0% #3E8960	RGB 62 137 96	#3E8960
16.7%	16.7% #367F57	RGB 54 127 87	#367F57
33.3%	33.3% #2E754F	RGB 46 117 79	#2E754F
50.0%	50.0% #266C47	RGB 38 108 71	#266C47
66.7%	66.7% #1E623F	RGB 30 98 63	#1E623F
83.3%	83.3% #165837	RGB 22 88 55	#165837
100.0%	100.0% #0E4F2F	RGB 14 79 47	#0E4F2F

#3E8960 #367F57 #2E754F #266C47 #1E623F #165837 #0E4F2F

#3E8960 - #0E4F2F

Mezcla HSV

#3E8960 - #0E4F2F | 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 #3E8960 como 0% y #0E4F2F como 100%.

0.0%	0.0% #3E8960	RGB 62 137 96	#3E8960
16.7%	16.7% #337F56	RGB 51 127 86	#337F56
33.3%	33.3% #2A754D	RGB 42 117 77	#2A754D
50.0%	50.0% #226C45	RGB 34 108 69	#226C45
66.7%	66.7% #1A623D	RGB 26 98 61	#1A623D
83.3%	83.3% #135836	RGB 19 88 54	#135836
100.0%	100.0% #0E4F2F	RGB 14 79 47	#0E4F2F

#3E8960 #337F56 #2A754D #226C45 #1A623D #135836 #0E4F2F

#3E8960 - #226C45 - #0E4F2F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8960 0%, #226C45 50%, #0E4F2F 100%);
    background: -webkit-linear-gradient(top, #3E8960 0%, #226C45 50%, #0E4F2F 100%);
    background: linear-gradient(to bottom, #3E8960 0%, #226C45 50%, #0E4F2F 100%);
}
</style>