#2D5E3B - #8BAB65 | 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 #2D5E3B a #8BAB65

#2D5E3B #8BAB65

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

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

0.0%	0.0% #2D5E3B	RGB 45 94 59	#2D5E3B
16.7%	16.7% #3C6A42	RGB 60 106 66	#3C6A42
33.3%	33.3% #4C7749	RGB 76 119 73	#4C7749
50.0%	50.0% #5C8450	RGB 92 132 80	#5C8450
66.7%	66.7% #6B9157	RGB 107 145 87	#6B9157
83.3%	83.3% #7B9E5E	RGB 123 158 94	#7B9E5E
100.0%	100.0% #8BAB65	RGB 139 171 101	#8BAB65

#2D5E3B #3C6A42 #4C7749 #5C8450 #6B9157 #7B9E5E #8BAB65

#2D5E3B - #8BAB65

Mezcla HSV

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

0.0%	0.0% #2D5E3B	RGB 45 94 59	#2D5E3B
16.7%	16.7% #356A3D	RGB 53 106 61	#356A3D
33.3%	33.3% #3D773E	RGB 61 119 62	#3D773E
50.0%	50.0% #4E8446	RGB 78 132 70	#4E8446
66.7%	66.7% #619150	RGB 97 145 80	#619150
83.3%	83.3% #759E5A	RGB 117 158 90	#759E5A
100.0%	100.0% #8BAB65	RGB 139 171 101	#8BAB65

#2D5E3B #356A3D #3D773E #4E8446 #619150 #759E5A #8BAB65

#2D5E3B - #4E8446 - #8BAB65

Códigos CSS

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

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