#2DB369 - #04743B | 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 #2DB369 a #04743B

#2DB369 #04743B

Calcule el color entre dos colores, #2DB369 y #04743B. 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)

#2DB369 - #04743B | 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 #2DB369 como 0% y #04743B como 100%.

0.0%	0.0% #2DB369	RGB 45 179 105	#2DB369
16.7%	16.7% #26A861	RGB 38 168 97	#26A861
33.3%	33.3% #1F9E59	RGB 31 158 89	#1F9E59
50.0%	50.0% #189352	RGB 24 147 82	#189352
66.7%	66.7% #11894A	RGB 17 137 74	#11894A
83.3%	83.3% #0A7E42	RGB 10 126 66	#0A7E42
100.0%	100.0% #04743B	RGB 4 116 59	#04743B

#2DB369 #26A861 #1F9E59 #189352 #11894A #0A7E42 #04743B

#2DB369 - #04743B

Mezcla HSV

#2DB369 - #04743B | 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 #2DB369 como 0% y #04743B como 100%.

0.0%	0.0% #2DB369	RGB 45 179 105	#2DB369
16.7%	16.7% #24A860	RGB 36 168 96	#24A860
33.3%	33.3% #1C9E58	RGB 28 158 88	#1C9E58
50.0%	50.0% #159350	RGB 21 147 80	#159350
66.7%	66.7% #0E8948	RGB 14 137 72	#0E8948
83.3%	83.3% #087E41	RGB 8 126 65	#087E41
100.0%	100.0% #04743B	RGB 4 116 59	#04743B

#2DB369 #24A860 #1C9E58 #159350 #0E8948 #087E41 #04743B

#2DB369 - #159350 - #04743B

Códigos CSS

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

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