#005E6B - #7EBCAF | 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 #005E6B a #7EBCAF

#005E6B #7EBCAF

Calcule el color entre dos colores, #005E6B y #7EBCAF. 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)

#005E6B - #7EBCAF | 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 #005E6B como 0% y #7EBCAF como 100%.

0.0%	0.0% #005E6B	RGB 0 94 107	#005E6B
16.7%	16.7% #156D76	RGB 21 109 118	#156D76
33.3%	33.3% #2A7D81	RGB 42 125 129	#2A7D81
50.0%	50.0% #3F8D8D	RGB 63 141 141	#3F8D8D
66.7%	66.7% #549C98	RGB 84 156 152	#549C98
83.3%	83.3% #69ACA3	RGB 105 172 163	#69ACA3
100.0%	100.0% #7EBCAF	RGB 126 188 175	#7EBCAF

#005E6B #156D76 #2A7D81 #3F8D8D #549C98 #69ACA3 #7EBCAF

#005E6B - #7EBCAF

Mezcla HSV

#005E6B - #7EBCAF | 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 #005E6B como 0% y #7EBCAF como 100%.

0.0%	0.0% #005D6B	RGB 0 93 107	#005D6B
16.7%	16.7% #0D7178	RGB 13 113 120	#0D7178
33.3%	33.3% #1D8486	RGB 29 132 134	#1D8486
50.0%	50.0% #31938F	RGB 49 147 143	#31938F
66.7%	66.7% #47A198	RGB 71 161 152	#47A198
83.3%	83.3% #61AEA2	RGB 97 174 162	#61AEA2
100.0%	100.0% #7EBCAF	RGB 126 188 175	#7EBCAF

#005D6B #0D7178 #1D8486 #31938F #47A198 #61AEA2 #7EBCAF

#005E6B - #31938F - #7EBCAF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
    background: -webkit-linear-gradient(top, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
    background: linear-gradient(to bottom, #005D6B 0%, #31938F 50%, #7EBCAF 100%);
}
</style>