#6DC3A4 - #1F372E | 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 #6DC3A4 a #1F372E

#6DC3A4 #1F372E

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

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

0.0%	0.0% #6DC3A4	RGB 109 195 164	#6DC3A4
16.7%	16.7% #60AB90	RGB 96 171 144	#60AB90
33.3%	33.3% #53947C	RGB 83 148 124	#53947C
50.0%	50.0% #467D69	RGB 70 125 105	#467D69
66.7%	66.7% #396555	RGB 57 101 85	#396555
83.3%	83.3% #2C4E41	RGB 44 78 65	#2C4E41
100.0%	100.0% #1F372E	RGB 31 55 46	#1F372E

#6DC3A4 #60AB90 #53947C #467D69 #396555 #2C4E41 #1F372E

#6DC3A4 - #1F372E

Mezcla HSV

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

0.0%	0.0% #6DC3A4	RGB 109 195 164	#6DC3A4
16.7%	16.7% #60AB90	RGB 96 171 144	#60AB90
33.3%	33.3% #53947C	RGB 83 148 124	#53947C
50.0%	50.0% #467D68	RGB 70 125 104	#467D68
66.7%	66.7% #396555	RGB 57 101 85	#396555
83.3%	83.3% #2C4E41	RGB 44 78 65	#2C4E41
100.0%	100.0% #1F372E	RGB 31 55 46	#1F372E

#6DC3A4 #60AB90 #53947C #467D68 #396555 #2C4E41 #1F372E

#6DC3A4 - #467D68 - #1F372E

Códigos CSS

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

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