#6DABAB - #1F3030 | 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 #6DABAB a #1F3030

#6DABAB #1F3030

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

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

0.0%	0.0% #6DABAB	RGB 109 171 171	#6DABAB
16.7%	16.7% #609696	RGB 96 150 150	#609696
33.3%	33.3% #538282	RGB 83 130 130	#538282
50.0%	50.0% #466D6D	RGB 70 109 109	#466D6D
66.7%	66.7% #395959	RGB 57 89 89	#395959
83.3%	83.3% #2C4444	RGB 44 68 68	#2C4444
100.0%	100.0% #1F3030	RGB 31 48 48	#1F3030

#6DABAB #609696 #538282 #466D6D #395959 #2C4444 #1F3030

#6DABAB - #1F3030

Mezcla HSV

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

0.0%	0.0% #6DABAB	RGB 109 171 171	#6DABAB
16.7%	16.7% #609696	RGB 96 150 150	#609696
33.3%	33.3% #538282	RGB 83 130 130	#538282
50.0%	50.0% #466D6D	RGB 70 109 109	#466D6D
66.7%	66.7% #395959	RGB 57 89 89	#395959
83.3%	83.3% #2C4444	RGB 44 68 68	#2C4444
100.0%	100.0% #1F3030	RGB 31 48 48	#1F3030

#6DABAB #609696 #538282 #466D6D #395959 #2C4444 #1F3030

#6DABAB - #466D6D - #1F3030

Códigos CSS

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

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