#008D96 - #B6DEE1 | 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 #008D96 a #B6DEE1

#008D96 #B6DEE1

Calcule el color entre dos colores, #008D96 y #B6DEE1. 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)

#008D96 - #B6DEE1 | 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 #008D96 como 0% y #B6DEE1 como 100%.

0.0%	0.0% #008D96	RGB 0 141 150	#008D96
16.7%	16.7% #1E9AA2	RGB 30 154 162	#1E9AA2
33.3%	33.3% #3CA8AF	RGB 60 168 175	#3CA8AF
50.0%	50.0% #5BB5BB	RGB 91 181 187	#5BB5BB
66.7%	66.7% #79C3C8	RGB 121 195 200	#79C3C8
83.3%	83.3% #97D0D4	RGB 151 208 212	#97D0D4
100.0%	100.0% #B6DEE1	RGB 182 222 225	#B6DEE1

#008D96 #1E9AA2 #3CA8AF #5BB5BB #79C3C8 #97D0D4 #B6DEE1

#008D96 - #B6DEE1

Mezcla HSV

#008D96 - #B6DEE1 | 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 #008D96 como 0% y #B6DEE1 como 100%.

0.0%	0.0% #008D96	RGB 0 141 150	#008D96
16.7%	16.7% #1599A2	RGB 21 153 162	#1599A2
33.3%	33.3% #2FA6AF	RGB 47 166 175	#2FA6AF
50.0%	50.0% #4BB4BB	RGB 75 180 187	#4BB4BB
66.7%	66.7% #6BC1C8	RGB 107 193 200	#6BC1C8
83.3%	83.3% #8FCFD4	RGB 143 207 212	#8FCFD4
100.0%	100.0% #B6DEE1	RGB 182 222 225	#B6DEE1

#008D96 #1599A2 #2FA6AF #4BB4BB #6BC1C8 #8FCFD4 #B6DEE1

#008D96 - #4BB4BB - #B6DEE1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008D96 0%, #4BB4BB 50%, #B6DEE1 100%);
    background: -webkit-linear-gradient(top, #008D96 0%, #4BB4BB 50%, #B6DEE1 100%);
    background: linear-gradient(to bottom, #008D96 0%, #4BB4BB 50%, #B6DEE1 100%);
}
</style>