#9BC3C3 - #318F8D | 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 #9BC3C3 a #318F8D

#9BC3C3 #318F8D

Calcule el color entre dos colores, #9BC3C3 y #318F8D. 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)

#9BC3C3 - #318F8D | 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 #9BC3C3 como 0% y #318F8D como 100%.

0.0%	0.0% #9BC3C3	RGB 155 195 195	#9BC3C3
16.7%	16.7% #89BABA	RGB 137 186 186	#89BABA
33.3%	33.3% #77B1B1	RGB 119 177 177	#77B1B1
50.0%	50.0% #66A9A8	RGB 102 169 168	#66A9A8
66.7%	66.7% #54A09F	RGB 84 160 159	#54A09F
83.3%	83.3% #429796	RGB 66 151 150	#429796
100.0%	100.0% #318F8D	RGB 49 143 141	#318F8D

#9BC3C3 #89BABA #77B1B1 #66A9A8 #54A09F #429796 #318F8D

#9BC3C3 - #318F8D

Mezcla HSV

#9BC3C3 - #318F8D | 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 #9BC3C3 como 0% y #318F8D como 100%.

0.0%	0.0% #9BC3C3	RGB 155 195 195	#9BC3C3
16.7%	16.7% #86BABA	RGB 134 186 186	#86BABA
33.3%	33.3% #72B1B1	RGB 114 177 177	#72B1B1
50.0%	50.0% #60A9A8	RGB 96 169 168	#60A9A8
66.7%	66.7% #4FA09F	RGB 79 160 159	#4FA09F
83.3%	83.3% #3F9796	RGB 63 151 150	#3F9796
100.0%	100.0% #318F8D	RGB 49 143 141	#318F8D

#9BC3C3 #86BABA #72B1B1 #60A9A8 #4FA09F #3F9796 #318F8D

#9BC3C3 - #60A9A8 - #318F8D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BC3C3 0%, #60A9A8 50%, #318F8D 100%);
    background: -webkit-linear-gradient(top, #9BC3C3 0%, #60A9A8 50%, #318F8D 100%);
    background: linear-gradient(to bottom, #9BC3C3 0%, #60A9A8 50%, #318F8D 100%);
}
</style>