#245037 - #5F816A | 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 #245037 a #5F816A

#245037 #5F816A

Calcule el color entre dos colores, #245037 y #5F816A. 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)

#245037 - #5F816A | 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 #245037 como 0% y #5F816A como 100%.

0.0%	0.0% #245037	RGB 36 80 55	#245037
16.7%	16.7% #2D583F	RGB 45 88 63	#2D583F
33.3%	33.3% #376048	RGB 55 96 72	#376048
50.0%	50.0% #416850	RGB 65 104 80	#416850
66.7%	66.7% #4B7059	RGB 75 112 89	#4B7059
83.3%	83.3% #557861	RGB 85 120 97	#557861
100.0%	100.0% #5F816A	RGB 95 129 106	#5F816A

#245037 #2D583F #376048 #416850 #4B7059 #557861 #5F816A

#245037 - #5F816A

Mezcla HSV

#245037 - #5F816A | 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 #245037 como 0% y #5F816A como 100%.

0.0%	0.0% #245037	RGB 36 80 55	#245037
16.7%	16.7% #2B583E	RGB 43 88 62	#2B583E
33.3%	33.3% #346045	RGB 52 96 69	#346045
50.0%	50.0% #3D684E	RGB 61 104 78	#3D684E
66.7%	66.7% #487056	RGB 72 112 86	#487056
83.3%	83.3% #537860	RGB 83 120 96	#537860
100.0%	100.0% #5F816A	RGB 95 129 106	#5F816A

#245037 #2B583E #346045 #3D684E #487056 #537860 #5F816A

#245037 - #3D684E - #5F816A

Códigos CSS

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

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