#007E6F - #B6DAD5 | 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 #007E6F a #B6DAD5

#007E6F #B6DAD5

Calcule el color entre dos colores, #007E6F y #B6DAD5. 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)

#007E6F - #B6DAD5 | 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 #007E6F como 0% y #B6DAD5 como 100%.

0.0%	0.0% #007E6F	RGB 0 126 111	#007E6F
16.7%	16.7% #1E8D80	RGB 30 141 128	#1E8D80
33.3%	33.3% #3C9C91	RGB 60 156 145	#3C9C91
50.0%	50.0% #5BACA2	RGB 91 172 162	#5BACA2
66.7%	66.7% #79BBB3	RGB 121 187 179	#79BBB3
83.3%	83.3% #97CAC4	RGB 151 202 196	#97CAC4
100.0%	100.0% #B6DAD5	RGB 182 218 213	#B6DAD5

#007E6F #1E8D80 #3C9C91 #5BACA2 #79BBB3 #97CAC4 #B6DAD5

#007E6F - #B6DAD5

Mezcla HSV

#007E6F - #B6DAD5 | 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 #007E6F como 0% y #B6DAD5 como 100%.

0.0%	0.0% #007E6F	RGB 0 126 111	#007E6F
16.7%	16.7% #138D7E	RGB 19 141 126	#138D7E
33.3%	33.3% #2B9C8E	RGB 43 156 142	#2B9C8E
50.0%	50.0% #47AC9F	RGB 71 172 159	#47AC9F
66.7%	66.7% #68BBB0	RGB 104 187 176	#68BBB0
83.3%	83.3% #8CCAC2	RGB 140 202 194	#8CCAC2
100.0%	100.0% #B6DAD5	RGB 182 218 213	#B6DAD5

#007E6F #138D7E #2B9C8E #47AC9F #68BBB0 #8CCAC2 #B6DAD5

#007E6F - #47AC9F - #B6DAD5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007E6F 0%, #47AC9F 50%, #B6DAD5 100%);
    background: -webkit-linear-gradient(top, #007E6F 0%, #47AC9F 50%, #B6DAD5 100%);
    background: linear-gradient(to bottom, #007E6F 0%, #47AC9F 50%, #B6DAD5 100%);
}
</style>