#008091 - #B6DADF | 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 #008091 a #B6DADF

#008091 #B6DADF

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

#008091 - #B6DADF | 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 #008091 como 0% y #B6DADF como 100%.

0.0%	0.0% #008091	RGB 0 128 145	#008091
16.7%	16.7% #1E8F9E	RGB 30 143 158	#1E8F9E
33.3%	33.3% #3C9EAB	RGB 60 158 171	#3C9EAB
50.0%	50.0% #5BADB8	RGB 91 173 184	#5BADB8
66.7%	66.7% #79BCC5	RGB 121 188 197	#79BCC5
83.3%	83.3% #97CBD2	RGB 151 203 210	#97CBD2
100.0%	100.0% #B6DADF	RGB 182 218 223	#B6DADF

#008091 #1E8F9E #3C9EAB #5BADB8 #79BCC5 #97CBD2 #B6DADF

#008091 - #B6DADF

Mezcla HSV

#008091 - #B6DADF | 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 #008091 como 0% y #B6DADF como 100%.

0.0%	0.0% #007F91	RGB 0 127 145	#007F91
16.7%	16.7% #158D9E	RGB 21 141 158	#158D9E
33.3%	33.3% #2E9CAB	RGB 46 156 171	#2E9CAB
50.0%	50.0% #4BAAB8	RGB 75 170 184	#4BAAB8
66.7%	66.7% #6BBAC5	RGB 107 186 197	#6BBAC5
83.3%	83.3% #8EC9D2	RGB 142 201 210	#8EC9D2
100.0%	100.0% #B6DADF	RGB 182 218 223	#B6DADF

#007F91 #158D9E #2E9CAB #4BAAB8 #6BBAC5 #8EC9D2 #B6DADF

#008091 - #4BAAB8 - #B6DADF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007F91 0%, #4BAAB8 50%, #B6DADF 100%);
    background: -webkit-linear-gradient(top, #007F91 0%, #4BAAB8 50%, #B6DADF 100%);
    background: linear-gradient(to bottom, #007F91 0%, #4BAAB8 50%, #B6DADF 100%);
}
</style>