#6BCCB2 - #1E3A32 | 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 #6BCCB2 a #1E3A32

#6BCCB2 #1E3A32

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

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

0.0%	0.0% #6BCCB2	RGB 107 204 178	#6BCCB2
16.7%	16.7% #5EB39C	RGB 94 179 156	#5EB39C
33.3%	33.3% #519B87	RGB 81 155 135	#519B87
50.0%	50.0% #448372	RGB 68 131 114	#448372
66.7%	66.7% #376A5C	RGB 55 106 92	#376A5C
83.3%	83.3% #2A5247	RGB 42 82 71	#2A5247
100.0%	100.0% #1E3A32	RGB 30 58 50	#1E3A32

#6BCCB2 #5EB39C #519B87 #448372 #376A5C #2A5247 #1E3A32

#6BCCB2 - #1E3A32

Mezcla HSV

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

0.0%	0.0% #6BCCB2	RGB 107 204 178	#6BCCB2
16.7%	16.7% #5EB39C	RGB 94 179 156	#5EB39C
33.3%	33.3% #519B86	RGB 81 155 134	#519B86
50.0%	50.0% #448371	RGB 68 131 113	#448371
66.7%	66.7% #376A5C	RGB 55 106 92	#376A5C
83.3%	83.3% #2A5247	RGB 42 82 71	#2A5247
100.0%	100.0% #1E3A32	RGB 30 58 50	#1E3A32

#6BCCB2 #5EB39C #519B86 #448371 #376A5C #2A5247 #1E3A32

#6BCCB2 - #448371 - #1E3A32

Códigos CSS

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

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