#00B4BD - #B6E9EC | 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 #00B4BD a #B6E9EC

#00B4BD #B6E9EC

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

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

0.0%	0.0% #00B4BD	RGB 0 180 189	#00B4BD
16.7%	16.7% #1EBCC4	RGB 30 188 196	#1EBCC4
33.3%	33.3% #3CC5CC	RGB 60 197 204	#3CC5CC
50.0%	50.0% #5BCED4	RGB 91 206 212	#5BCED4
66.7%	66.7% #79D7DC	RGB 121 215 220	#79D7DC
83.3%	83.3% #97E0E4	RGB 151 224 228	#97E0E4
100.0%	100.0% #B6E9EC	RGB 182 233 236	#B6E9EC

#00B4BD #1EBCC4 #3CC5CC #5BCED4 #79D7DC #97E0E4 #B6E9EC

#00B4BD - #B6E9EC

Mezcla HSV

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

0.0%	0.0% #00B4BD	RGB 0 180 189	#00B4BD
16.7%	16.7% #19BCC4	RGB 25 188 196	#19BCC4
33.3%	33.3% #34C5CC	RGB 52 197 204	#34C5CC
50.0%	50.0% #51CDD4	RGB 81 205 212	#51CDD4
66.7%	66.7% #71D6DC	RGB 113 214 220	#71D6DC
83.3%	83.3% #92DFE4	RGB 146 223 228	#92DFE4
100.0%	100.0% #B6E9EC	RGB 182 233 236	#B6E9EC

#00B4BD #19BCC4 #34C5CC #51CDD4 #71D6DC #92DFE4 #B6E9EC

#00B4BD - #51CDD4 - #B6E9EC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B4BD 0%, #51CDD4 50%, #B6E9EC 100%);
    background: -webkit-linear-gradient(top, #00B4BD 0%, #51CDD4 50%, #B6E9EC 100%);
    background: linear-gradient(to bottom, #00B4BD 0%, #51CDD4 50%, #B6E9EC 100%);
}
</style>