#2D5E4F - #8AA87C | 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 #2D5E4F a #8AA87C

#2D5E4F #8AA87C

Calcule el color entre dos colores, #2D5E4F y #8AA87C. 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)

#2D5E4F - #8AA87C | 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 #2D5E4F como 0% y #8AA87C como 100%.

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #3C6A56	RGB 60 106 86	#3C6A56
33.3%	33.3% #4C765E	RGB 76 118 94	#4C765E
50.0%	50.0% #5B8365	RGB 91 131 101	#5B8365
66.7%	66.7% #6B8F6D	RGB 107 143 109	#6B8F6D
83.3%	83.3% #7A9B74	RGB 122 155 116	#7A9B74
100.0%	100.0% #8AA87C	RGB 138 168 124	#8AA87C

#2D5E4F #3C6A56 #4C765E #5B8365 #6B8F6D #7A9B74 #8AA87C

#2D5E4F - #8AA87C

Mezcla HSV

#2D5E4F - #8AA87C | 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 #2D5E4F como 0% y #8AA87C como 100%.

0.0%	0.0% #2D5E4F	RGB 45 94 79	#2D5E4F
16.7%	16.7% #376A52	RGB 55 106 82	#376A52
33.3%	33.3% #437655	RGB 67 118 85	#437655
50.0%	50.0% #4F8359	RGB 79 131 89	#4F8359
66.7%	66.7% #5D8F5E	RGB 93 143 94	#5D8F5E
83.3%	83.3% #739B6C	RGB 115 155 108	#739B6C
100.0%	100.0% #8AA87C	RGB 138 168 124	#8AA87C

#2D5E4F #376A52 #437655 #4F8359 #5D8F5E #739B6C #8AA87C

#2D5E4F - #4F8359 - #8AA87C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E4F 0%, #4F8359 50%, #8AA87C 100%);
    background: -webkit-linear-gradient(top, #2D5E4F 0%, #4F8359 50%, #8AA87C 100%);
    background: linear-gradient(to bottom, #2D5E4F 0%, #4F8359 50%, #8AA87C 100%);
}
</style>