#2FB2B2 - #008275 | 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 #2FB2B2 a #008275

#2FB2B2 #008275

Calcule el color entre dos colores, #2FB2B2 y #008275. 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)

#2FB2B2 - #008275 | 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 #2FB2B2 como 0% y #008275 como 100%.

0.0%	0.0% #2FB2B2	RGB 47 178 178	#2FB2B2
16.7%	16.7% #27AAA7	RGB 39 170 167	#27AAA7
33.3%	33.3% #1FA29D	RGB 31 162 157	#1FA29D
50.0%	50.0% #179A93	RGB 23 154 147	#179A93
66.7%	66.7% #0F9289	RGB 15 146 137	#0F9289
83.3%	83.3% #078A7F	RGB 7 138 127	#078A7F
100.0%	100.0% #008275	RGB 0 130 117	#008275

#2FB2B2 #27AAA7 #1FA29D #179A93 #0F9289 #078A7F #008275

#2FB2B2 - #008275

Mezcla HSV

#2FB2B2 - #008275 | 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 #2FB2B2 como 0% y #008275 como 100%.

0.0%	0.0% #2FB2B2	RGB 47 178 178	#2FB2B2
16.7%	16.7% #25AAA7	RGB 37 170 167	#25AAA7
33.3%	33.3% #1CA29D	RGB 28 162 157	#1CA29D
50.0%	50.0% #149A93	RGB 20 154 147	#149A93
66.7%	66.7% #0C9289	RGB 12 146 137	#0C9289
83.3%	83.3% #068A7F	RGB 6 138 127	#068A7F
100.0%	100.0% #008275	RGB 0 130 117	#008275

#2FB2B2 #25AAA7 #1CA29D #149A93 #0C9289 #068A7F #008275

#2FB2B2 - #149A93 - #008275

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FB2B2 0%, #149A93 50%, #008275 100%);
    background: -webkit-linear-gradient(top, #2FB2B2 0%, #149A93 50%, #008275 100%);
    background: linear-gradient(to bottom, #2FB2B2 0%, #149A93 50%, #008275 100%);
}
</style>