#00DBC3 - #B6F4ED | 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 #00DBC3 a #B6F4ED

#00DBC3 #B6F4ED

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

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

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #1EDFCA	RGB 30 223 202	#1EDFCA
33.3%	33.3% #3CE3D1	RGB 60 227 209	#3CE3D1
50.0%	50.0% #5BE7D8	RGB 91 231 216	#5BE7D8
66.7%	66.7% #79EBDF	RGB 121 235 223	#79EBDF
83.3%	83.3% #97EFE6	RGB 151 239 230	#97EFE6
100.0%	100.0% #B6F4ED	RGB 182 244 237	#B6F4ED

#00DBC3 #1EDFCA #3CE3D1 #5BE7D8 #79EBDF #97EFE6 #B6F4ED

#00DBC3 - #B6F4ED

Mezcla HSV

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

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #1BDFC9	RGB 27 223 201	#1BDFC9
33.3%	33.3% #38E3D0	RGB 56 227 208	#38E3D0
50.0%	50.0% #56E7D7	RGB 86 231 215	#56E7D7
66.7%	66.7% #75EBDE	RGB 117 235 222	#75EBDE
83.3%	83.3% #95EFE5	RGB 149 239 229	#95EFE5
100.0%	100.0% #B6F4ED	RGB 182 244 237	#B6F4ED

#00DBC3 #1BDFC9 #38E3D0 #56E7D7 #75EBDE #95EFE5 #B6F4ED

#00DBC3 - #56E7D7 - #B6F4ED

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DBC3 0%, #56E7D7 50%, #B6F4ED 100%);
    background: -webkit-linear-gradient(top, #00DBC3 0%, #56E7D7 50%, #B6F4ED 100%);
    background: linear-gradient(to bottom, #00DBC3 0%, #56E7D7 50%, #B6F4ED 100%);
}
</style>