#69D4D4 - #1E3C3C | 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 #69D4D4 a #1E3C3C

#69D4D4 #1E3C3C

Calcule el color entre dos colores, #69D4D4 y #1E3C3C. 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)

#69D4D4 - #1E3C3C | 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 #69D4D4 como 0% y #1E3C3C como 100%.

0.0%	0.0% #69D4D4	RGB 105 212 212	#69D4D4
16.7%	16.7% #5CBABA	RGB 92 186 186	#5CBABA
33.3%	33.3% #50A1A1	RGB 80 161 161	#50A1A1
50.0%	50.0% #438888	RGB 67 136 136	#438888
66.7%	66.7% #376E6E	RGB 55 110 110	#376E6E
83.3%	83.3% #2A5555	RGB 42 85 85	#2A5555
100.0%	100.0% #1E3C3C	RGB 30 60 60	#1E3C3C

#69D4D4 #5CBABA #50A1A1 #438888 #376E6E #2A5555 #1E3C3C

#69D4D4 - #1E3C3C

Mezcla HSV

#69D4D4 - #1E3C3C | 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 #69D4D4 como 0% y #1E3C3C como 100%.

0.0%	0.0% #69D4D4	RGB 105 212 212	#69D4D4
16.7%	16.7% #5CBABA	RGB 92 186 186	#5CBABA
33.3%	33.3% #50A1A1	RGB 80 161 161	#50A1A1
50.0%	50.0% #438888	RGB 67 136 136	#438888
66.7%	66.7% #376E6E	RGB 55 110 110	#376E6E
83.3%	83.3% #2A5555	RGB 42 85 85	#2A5555
100.0%	100.0% #1E3C3C	RGB 30 60 60	#1E3C3C

#69D4D4 #5CBABA #50A1A1 #438888 #376E6E #2A5555 #1E3C3C

#69D4D4 - #438888 - #1E3C3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69D4D4 0%, #438888 50%, #1E3C3C 100%);
    background: -webkit-linear-gradient(top, #69D4D4 0%, #438888 50%, #1E3C3C 100%);
    background: linear-gradient(to bottom, #69D4D4 0%, #438888 50%, #1E3C3C 100%);
}
</style>