#00BCB6 - #B6FFB3 | 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 #00BCB6 a #B6FFB3

#00BCB6 #B6FFB3

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

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

0.0%	0.0% #00BCB6	RGB 0 188 182	#00BCB6
16.7%	16.7% #1EC7B5	RGB 30 199 181	#1EC7B5
33.3%	33.3% #3CD2B5	RGB 60 210 181	#3CD2B5
50.0%	50.0% #5BDDB4	RGB 91 221 180	#5BDDB4
66.7%	66.7% #79E8B4	RGB 121 232 180	#79E8B4
83.3%	83.3% #97F3B3	RGB 151 243 179	#97F3B3
100.0%	100.0% #B6FFB3	RGB 182 255 179	#B6FFB3

#00BCB6 #1EC7B5 #3CD2B5 #5BDDB4 #79E8B4 #97F3B3 #B6FFB3

#00BCB6 - #B6FFB3

Mezcla HSV

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

0.0%	0.0% #00BCB6	RGB 0 188 182	#00BCB6
16.7%	16.7% #17C7A4	RGB 23 199 164	#17C7A4
33.3%	33.3% #31D297	RGB 49 210 151	#31D297
50.0%	50.0% #4DDD90	RGB 77 221 144	#4DDD90
66.7%	66.7% #6CE891	RGB 108 232 145	#6CE891
83.3%	83.3% #8EF39B	RGB 142 243 155	#8EF39B
100.0%	100.0% #B6FFB3	RGB 182 255 179	#B6FFB3

#00BCB6 #17C7A4 #31D297 #4DDD90 #6CE891 #8EF39B #B6FFB3

#00BCB6 - #4DDD90 - #B6FFB3

Códigos CSS

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

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