#004030 - #3D9164 | 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 #004030 a #3D9164

#004030 #3D9164

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

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

0.0%	0.0% #004030	RGB 0 64 48	#004030
16.7%	16.7% #0A4D38	RGB 10 77 56	#0A4D38
33.3%	33.3% #145B41	RGB 20 91 65	#145B41
50.0%	50.0% #1E684A	RGB 30 104 74	#1E684A
66.7%	66.7% #287652	RGB 40 118 82	#287652
83.3%	83.3% #32835B	RGB 50 131 91	#32835B
100.0%	100.0% #3D9164	RGB 61 145 100	#3D9164

#004030 #0A4D38 #145B41 #1E684A #287652 #32835B #3D9164

#004030 - #3D9164

Mezcla HSV

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

0.0%	0.0% #004030	RGB 0 64 48	#004030
16.7%	16.7% #054D38	RGB 5 77 56	#054D38
33.3%	33.3% #0C5B3F	RGB 12 91 63	#0C5B3F
50.0%	50.0% #156848	RGB 21 104 72	#156848
66.7%	66.7% #217650	RGB 33 118 80	#217650
83.3%	83.3% #2E8359	RGB 46 131 89	#2E8359
100.0%	100.0% #3D9164	RGB 61 145 100	#3D9164

#004030 #054D38 #0C5B3F #156848 #217650 #2E8359 #3D9164

#004030 - #156848 - #3D9164

Códigos CSS

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

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