#7CC3C3 - #18928E | 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 #7CC3C3 a #18928E

#7CC3C3 #18928E

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

#7CC3C3 - #18928E | 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 #7CC3C3 como 0% y #18928E como 100%.

0.0%	0.0% #7CC3C3	RGB 124 195 195	#7CC3C3
16.7%	16.7% #6BBABA	RGB 107 186 186	#6BBABA
33.3%	33.3% #5AB2B1	RGB 90 178 177	#5AB2B1
50.0%	50.0% #4AAAA8	RGB 74 170 168	#4AAAA8
66.7%	66.7% #39A29F	RGB 57 162 159	#39A29F
83.3%	83.3% #289A96	RGB 40 154 150	#289A96
100.0%	100.0% #18928E	RGB 24 146 142	#18928E

#7CC3C3 #6BBABA #5AB2B1 #4AAAA8 #39A29F #289A96 #18928E

#7CC3C3 - #18928E

Mezcla HSV

#7CC3C3 - #18928E | 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 #7CC3C3 como 0% y #18928E como 100%.

0.0%	0.0% #7CC3C3	RGB 124 195 195	#7CC3C3
16.7%	16.7% #68BABA	RGB 104 186 186	#68BABA
33.3%	33.3% #55B2B1	RGB 85 178 177	#55B2B1
50.0%	50.0% #44AAA8	RGB 68 170 168	#44AAA8
66.7%	66.7% #34A29F	RGB 52 162 159	#34A29F
83.3%	83.3% #259A96	RGB 37 154 150	#259A96
100.0%	100.0% #18928E	RGB 24 146 142	#18928E

#7CC3C3 #68BABA #55B2B1 #44AAA8 #34A29F #259A96 #18928E

#7CC3C3 - #44AAA8 - #18928E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CC3C3 0%, #44AAA8 50%, #18928E 100%);
    background: -webkit-linear-gradient(top, #7CC3C3 0%, #44AAA8 50%, #18928E 100%);
    background: linear-gradient(to bottom, #7CC3C3 0%, #44AAA8 50%, #18928E 100%);
}
</style>