#9CC4C4 - #32908E | 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 #9CC4C4 a #32908E

#9CC4C4 #32908E

Calcule el color entre dos colores, #9CC4C4 y #32908E. 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)

#9CC4C4 - #32908E | 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 #9CC4C4 como 0% y #32908E como 100%.

0.0%	0.0% #9CC4C4	RGB 156 196 196	#9CC4C4
16.7%	16.7% #8ABBBB	RGB 138 187 187	#8ABBBB
33.3%	33.3% #78B2B2	RGB 120 178 178	#78B2B2
50.0%	50.0% #67AAA9	RGB 103 170 169	#67AAA9
66.7%	66.7% #55A1A0	RGB 85 161 160	#55A1A0
83.3%	83.3% #439897	RGB 67 152 151	#439897
100.0%	100.0% #32908E	RGB 50 144 142	#32908E

#9CC4C4 #8ABBBB #78B2B2 #67AAA9 #55A1A0 #439897 #32908E

#9CC4C4 - #32908E

Mezcla HSV

#9CC4C4 - #32908E | 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 #9CC4C4 como 0% y #32908E como 100%.

0.0%	0.0% #9CC4C4	RGB 156 196 196	#9CC4C4
16.7%	16.7% #87BBBB	RGB 135 187 187	#87BBBB
33.3%	33.3% #73B2B2	RGB 115 178 178	#73B2B2
50.0%	50.0% #61AAA9	RGB 97 170 169	#61AAA9
66.7%	66.7% #50A1A0	RGB 80 161 160	#50A1A0
83.3%	83.3% #409897	RGB 64 152 151	#409897
100.0%	100.0% #32908E	RGB 50 144 142	#32908E

#9CC4C4 #87BBBB #73B2B2 #61AAA9 #50A1A0 #409897 #32908E

#9CC4C4 - #61AAA9 - #32908E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CC4C4 0%, #61AAA9 50%, #32908E 100%);
    background: -webkit-linear-gradient(top, #9CC4C4 0%, #61AAA9 50%, #32908E 100%);
    background: linear-gradient(to bottom, #9CC4C4 0%, #61AAA9 50%, #32908E 100%);
}
</style>