#7CCCCC - #159D9B | 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 #7CCCCC a #159D9B

#7CCCCC #159D9B

Calcule el color entre dos colores, #7CCCCC y #159D9B. 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)

#7CCCCC - #159D9B | 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 #7CCCCC como 0% y #159D9B como 100%.

0.0%	0.0% #7CCCCC	RGB 124 204 204	#7CCCCC
16.7%	16.7% #6AC4C3	RGB 106 196 195	#6AC4C3
33.3%	33.3% #59BCBB	RGB 89 188 187	#59BCBB
50.0%	50.0% #48B4B3	RGB 72 180 179	#48B4B3
66.7%	66.7% #37ACAB	RGB 55 172 171	#37ACAB
83.3%	83.3% #26A4A3	RGB 38 164 163	#26A4A3
100.0%	100.0% #159D9B	RGB 21 157 155	#159D9B

#7CCCCC #6AC4C3 #59BCBB #48B4B3 #37ACAB #26A4A3 #159D9B

#7CCCCC - #159D9B

Mezcla HSV

#7CCCCC - #159D9B | 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 #7CCCCC como 0% y #159D9B como 100%.

0.0%	0.0% #7CCCCC	RGB 124 204 204	#7CCCCC
16.7%	16.7% #67C4C3	RGB 103 196 195	#67C4C3
33.3%	33.3% #54BCBB	RGB 84 188 187	#54BCBB
50.0%	50.0% #42B4B3	RGB 66 180 179	#42B4B3
66.7%	66.7% #32ACAB	RGB 50 172 171	#32ACAB
83.3%	83.3% #23A4A3	RGB 35 164 163	#23A4A3
100.0%	100.0% #159D9B	RGB 21 157 155	#159D9B

#7CCCCC #67C4C3 #54BCBB #42B4B3 #32ACAB #23A4A3 #159D9B

#7CCCCC - #42B4B3 - #159D9B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CCCCC 0%, #42B4B3 50%, #159D9B 100%);
    background: -webkit-linear-gradient(top, #7CCCCC 0%, #42B4B3 50%, #159D9B 100%);
    background: linear-gradient(to bottom, #7CCCCC 0%, #42B4B3 50%, #159D9B 100%);
}
</style>