#00BCBE - #B2FFB5 | 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 #00BCBE a #B2FFB5

#00BCBE #B2FFB5

Calcule el color entre dos colores, #00BCBE y #B2FFB5. 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)

#00BCBE - #B2FFB5 | 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 #00BCBE como 0% y #B2FFB5 como 100%.

0.0%	0.0% #00BCBE	RGB 0 188 190	#00BCBE
16.7%	16.7% #1DC7BC	RGB 29 199 188	#1DC7BC
33.3%	33.3% #3BD2BB	RGB 59 210 187	#3BD2BB
50.0%	50.0% #59DDB9	RGB 89 221 185	#59DDB9
66.7%	66.7% #76E8B8	RGB 118 232 184	#76E8B8
83.3%	83.3% #94F3B6	RGB 148 243 182	#94F3B6
100.0%	100.0% #B2FFB5	RGB 178 255 181	#B2FFB5

#00BCBE #1DC7BC #3BD2BB #59DDB9 #76E8B8 #94F3B6 #B2FFB5

#00BCBE - #B2FFB5

Mezcla HSV

#00BCBE - #B2FFB5 | 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 #00BCBE como 0% y #B2FFB5 como 100%.

0.0%	0.0% #00BBBE	RGB 0 187 190	#00BBBE
16.7%	16.7% #17C8AD	RGB 23 200 173	#17C8AD
33.3%	33.3% #31D3A0	RGB 49 211 160	#31D3A0
50.0%	50.0% #4DDE99	RGB 77 222 153	#4DDE99
66.7%	66.7% #6CE999	RGB 108 233 153	#6CE999
83.3%	83.3% #8EF4A2	RGB 142 244 162	#8EF4A2
100.0%	100.0% #B2FFB5	RGB 178 255 181	#B2FFB5

#00BBBE #17C8AD #31D3A0 #4DDE99 #6CE999 #8EF4A2 #B2FFB5

#00BCBE - #4DDE99 - #B2FFB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BBBE 0%, #4DDE99 50%, #B2FFB5 100%);
    background: -webkit-linear-gradient(top, #00BBBE 0%, #4DDE99 50%, #B2FFB5 100%);
    background: linear-gradient(to bottom, #00BBBE 0%, #4DDE99 50%, #B2FFB5 100%);
}
</style>