#6DB7B7 - #11857E | 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 #6DB7B7 a #11857E

#6DB7B7 #11857E

Calcule el color entre dos colores, #6DB7B7 y #11857E. 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)

#6DB7B7 - #11857E | 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 #6DB7B7 como 0% y #11857E como 100%.

0.0%	0.0% #6DB7B7	RGB 109 183 183	#6DB7B7
16.7%	16.7% #5DAEAD	RGB 93 174 173	#5DAEAD
33.3%	33.3% #4EA6A4	RGB 78 166 164	#4EA6A4
50.0%	50.0% #3F9E9A	RGB 63 158 154	#3F9E9A
66.7%	66.7% #2F9591	RGB 47 149 145	#2F9591
83.3%	83.3% #208D87	RGB 32 141 135	#208D87
100.0%	100.0% #11857E	RGB 17 133 126	#11857E

#6DB7B7 #5DAEAD #4EA6A4 #3F9E9A #2F9591 #208D87 #11857E

#6DB7B7 - #11857E

Mezcla HSV

#6DB7B7 - #11857E | 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 #6DB7B7 como 0% y #11857E como 100%.

0.0%	0.0% #6DB7B7	RGB 109 183 183	#6DB7B7
16.7%	16.7% #5AAEAD	RGB 90 174 173	#5AAEAD
33.3%	33.3% #49A6A4	RGB 73 166 164	#49A6A4
50.0%	50.0% #399E9A	RGB 57 158 154	#399E9A
66.7%	66.7% #2A9591	RGB 42 149 145	#2A9591
83.3%	83.3% #1D8D87	RGB 29 141 135	#1D8D87
100.0%	100.0% #11857E	RGB 17 133 126	#11857E

#6DB7B7 #5AAEAD #49A6A4 #399E9A #2A9591 #1D8D87 #11857E

#6DB7B7 - #399E9A - #11857E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DB7B7 0%, #399E9A 50%, #11857E 100%);
    background: -webkit-linear-gradient(top, #6DB7B7 0%, #399E9A 50%, #11857E 100%);
    background: linear-gradient(to bottom, #6DB7B7 0%, #399E9A 50%, #11857E 100%);
}
</style>