#73C3C3 - #11928E | 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 #73C3C3 a #11928E

#73C3C3 #11928E

Calcule el color entre dos colores, #73C3C3 y #11928E. 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)

#73C3C3 - #11928E | 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 #73C3C3 como 0% y #11928E como 100%.

0.0%	0.0% #73C3C3	RGB 115 195 195	#73C3C3
16.7%	16.7% #62BABA	RGB 98 186 186	#62BABA
33.3%	33.3% #52B2B1	RGB 82 178 177	#52B2B1
50.0%	50.0% #42AAA8	RGB 66 170 168	#42AAA8
66.7%	66.7% #31A29F	RGB 49 162 159	#31A29F
83.3%	83.3% #219A96	RGB 33 154 150	#219A96
100.0%	100.0% #11928E	RGB 17 146 142	#11928E

#73C3C3 #62BABA #52B2B1 #42AAA8 #31A29F #219A96 #11928E

#73C3C3 - #11928E

Mezcla HSV

#73C3C3 - #11928E | 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 #73C3C3 como 0% y #11928E como 100%.

0.0%	0.0% #73C3C3	RGB 115 195 195	#73C3C3
16.7%	16.7% #5FBABA	RGB 95 186 186	#5FBABA
33.3%	33.3% #4DB2B1	RGB 77 178 177	#4DB2B1
50.0%	50.0% #3CAAA8	RGB 60 170 168	#3CAAA8
66.7%	66.7% #2CA29F	RGB 44 162 159	#2CA29F
83.3%	83.3% #1E9A96	RGB 30 154 150	#1E9A96
100.0%	100.0% #11928E	RGB 17 146 142	#11928E

#73C3C3 #5FBABA #4DB2B1 #3CAAA8 #2CA29F #1E9A96 #11928E

#73C3C3 - #3CAAA8 - #11928E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #73C3C3 0%, #3CAAA8 50%, #11928E 100%);
    background: -webkit-linear-gradient(top, #73C3C3 0%, #3CAAA8 50%, #11928E 100%);
    background: linear-gradient(to bottom, #73C3C3 0%, #3CAAA8 50%, #11928E 100%);
}
</style>