#008676 - #B6DCD7 | 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 #008676 a #B6DCD7

#008676 #B6DCD7

Calcule el color entre dos colores, #008676 y #B6DCD7. 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)

#008676 - #B6DCD7 | 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 #008676 como 0% y #B6DCD7 como 100%.

0.0%	0.0% #008676	RGB 0 134 118	#008676
16.7%	16.7% #1E9486	RGB 30 148 134	#1E9486
33.3%	33.3% #3CA296	RGB 60 162 150	#3CA296
50.0%	50.0% #5BB1A6	RGB 91 177 166	#5BB1A6
66.7%	66.7% #79BFB6	RGB 121 191 182	#79BFB6
83.3%	83.3% #97CDC6	RGB 151 205 198	#97CDC6
100.0%	100.0% #B6DCD7	RGB 182 220 215	#B6DCD7

#008676 #1E9486 #3CA296 #5BB1A6 #79BFB6 #97CDC6 #B6DCD7

#008676 - #B6DCD7

Mezcla HSV

#008676 - #B6DCD7 | 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 #008676 como 0% y #B6DCD7 como 100%.

0.0%	0.0% #008676	RGB 0 134 118	#008676
16.7%	16.7% #149484	RGB 20 148 132	#149484
33.3%	33.3% #2CA294	RGB 44 162 148	#2CA294
50.0%	50.0% #49B1A3	RGB 73 177 163	#49B1A3
66.7%	66.7% #69BFB4	RGB 105 191 180	#69BFB4
83.3%	83.3% #8DCDC5	RGB 141 205 197	#8DCDC5
100.0%	100.0% #B6DCD7	RGB 182 220 215	#B6DCD7

#008676 #149484 #2CA294 #49B1A3 #69BFB4 #8DCDC5 #B6DCD7

#008676 - #49B1A3 - #B6DCD7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008676 0%, #49B1A3 50%, #B6DCD7 100%);
    background: -webkit-linear-gradient(top, #008676 0%, #49B1A3 50%, #B6DCD7 100%);
    background: linear-gradient(to bottom, #008676 0%, #49B1A3 50%, #B6DCD7 100%);
}
</style>