#00BEBE - #B2FFB6 | 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 #00BEBE a #B2FFB6

#00BEBE #B2FFB6

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

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

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #1DC8BC	RGB 29 200 188	#1DC8BC
33.3%	33.3% #3BD3BB	RGB 59 211 187	#3BD3BB
50.0%	50.0% #59DEBA	RGB 89 222 186	#59DEBA
66.7%	66.7% #76E9B8	RGB 118 233 184	#76E9B8
83.3%	83.3% #94F4B7	RGB 148 244 183	#94F4B7
100.0%	100.0% #B2FFB6	RGB 178 255 182	#B2FFB6

#00BEBE #1DC8BC #3BD3BB #59DEBA #76E9B8 #94F4B7 #B2FFB6

#00BEBE - #B2FFB6

Mezcla HSV

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

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #17C8AC	RGB 23 200 172	#17C8AC
33.3%	33.3% #31D3A0	RGB 49 211 160	#31D3A0
50.0%	50.0% #4DDE99	RGB 77 222 153	#4DDE99
66.7%	66.7% #6CE99A	RGB 108 233 154	#6CE99A
83.3%	83.3% #8EF4A3	RGB 142 244 163	#8EF4A3
100.0%	100.0% #B2FFB6	RGB 178 255 182	#B2FFB6

#00BEBE #17C8AC #31D3A0 #4DDE99 #6CE99A #8EF4A3 #B2FFB6

#00BEBE - #4DDE99 - #B2FFB6

Códigos CSS

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

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