#00808B - #B6DADD | 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 #00808B a #B6DADD

#00808B #B6DADD

Calcule el color entre dos colores, #00808B y #B6DADD. 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)

#00808B - #B6DADD | 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 #00808B como 0% y #B6DADD como 100%.

0.0%	0.0% #00808B	RGB 0 128 139	#00808B
16.7%	16.7% #1E8F98	RGB 30 143 152	#1E8F98
33.3%	33.3% #3C9EA6	RGB 60 158 166	#3C9EA6
50.0%	50.0% #5BADB4	RGB 91 173 180	#5BADB4
66.7%	66.7% #79BCC1	RGB 121 188 193	#79BCC1
83.3%	83.3% #97CBCF	RGB 151 203 207	#97CBCF
100.0%	100.0% #B6DADD	RGB 182 218 221	#B6DADD

#00808B #1E8F98 #3C9EA6 #5BADB4 #79BCC1 #97CBCF #B6DADD

#00808B - #B6DADD

Mezcla HSV

#00808B - #B6DADD | 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 #00808B como 0% y #B6DADD como 100%.

0.0%	0.0% #00808B	RGB 0 128 139	#00808B
16.7%	16.7% #148E98	RGB 20 142 152	#148E98
33.3%	33.3% #2D9CA6	RGB 45 156 166	#2D9CA6
50.0%	50.0% #4AABB4	RGB 74 171 180	#4AABB4
66.7%	66.7% #6ABAC1	RGB 106 186 193	#6ABAC1
83.3%	83.3% #8ECACF	RGB 142 202 207	#8ECACF
100.0%	100.0% #B6DADD	RGB 182 218 221	#B6DADD

#00808B #148E98 #2D9CA6 #4AABB4 #6ABAC1 #8ECACF #B6DADD

#00808B - #4AABB4 - #B6DADD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00808B 0%, #4AABB4 50%, #B6DADD 100%);
    background: -webkit-linear-gradient(top, #00808B 0%, #4AABB4 50%, #B6DADD 100%);
    background: linear-gradient(to bottom, #00808B 0%, #4AABB4 50%, #B6DADD 100%);
}
</style>