#6BAD8C - #1E5A2D | 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 #6BAD8C a #1E5A2D

#6BAD8C #1E5A2D

Calcule el color entre dos colores, #6BAD8C y #1E5A2D. 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)

#6BAD8C - #1E5A2D | 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 #6BAD8C como 0% y #1E5A2D como 100%.

0.0%	0.0% #6BAD8C	RGB 107 173 140	#6BAD8C
16.7%	16.7% #5E9F7C	RGB 94 159 124	#5E9F7C
33.3%	33.3% #51916C	RGB 81 145 108	#51916C
50.0%	50.0% #44835C	RGB 68 131 92	#44835C
66.7%	66.7% #37754C	RGB 55 117 76	#37754C
83.3%	83.3% #2A673C	RGB 42 103 60	#2A673C
100.0%	100.0% #1E5A2D	RGB 30 90 45	#1E5A2D

#6BAD8C #5E9F7C #51916C #44835C #37754C #2A673C #1E5A2D

#6BAD8C - #1E5A2D

Mezcla HSV

#6BAD8C - #1E5A2D | 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 #6BAD8C como 0% y #1E5A2D como 100%.

0.0%	0.0% #6BAD8C	RGB 107 173 140	#6BAD8C
16.7%	16.7% #5A9F7A	RGB 90 159 122	#5A9F7A
33.3%	33.3% #4C9168	RGB 76 145 104	#4C9168
50.0%	50.0% #3E8358	RGB 62 131 88	#3E8358
66.7%	66.7% #327548	RGB 50 117 72	#327548
83.3%	83.3% #27673A	RGB 39 103 58	#27673A
100.0%	100.0% #1E5A2D	RGB 30 90 45	#1E5A2D

#6BAD8C #5A9F7A #4C9168 #3E8358 #327548 #27673A #1E5A2D

#6BAD8C - #3E8358 - #1E5A2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
    background: -webkit-linear-gradient(top, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
    background: linear-gradient(to bottom, #6BAD8C 0%, #3E8358 50%, #1E5A2D 100%);
}
</style>