#226B6B - #BFD4D4 | 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 #226B6B a #BFD4D4

#226B6B #BFD4D4

Calcule el color entre dos colores, #226B6B y #BFD4D4. 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)

#226B6B - #BFD4D4 | 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 #226B6B como 0% y #BFD4D4 como 100%.

0.0%	0.0% #226B6B	RGB 34 107 107	#226B6B
16.7%	16.7% #3C7C7C	RGB 60 124 124	#3C7C7C
33.3%	33.3% #568E8E	RGB 86 142 142	#568E8E
50.0%	50.0% #709F9F	RGB 112 159 159	#709F9F
66.7%	66.7% #8AB1B1	RGB 138 177 177	#8AB1B1
83.3%	83.3% #A4C2C2	RGB 164 194 194	#A4C2C2
100.0%	100.0% #BFD4D4	RGB 191 212 212	#BFD4D4

#226B6B #3C7C7C #568E8E #709F9F #8AB1B1 #A4C2C2 #BFD4D4

#226B6B - #BFD4D4

Mezcla HSV

#226B6B - #BFD4D4 | 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 #226B6B como 0% y #BFD4D4 como 100%.

0.0%	0.0% #226B6B	RGB 34 107 107	#226B6B
16.7%	16.7% #337C7C	RGB 51 124 124	#337C7C
33.3%	33.3% #488E8E	RGB 72 142 142	#488E8E
50.0%	50.0% #619F9F	RGB 97 159 159	#619F9F
66.7%	66.7% #7DB1B1	RGB 125 177 177	#7DB1B1
83.3%	83.3% #9CC2C2	RGB 156 194 194	#9CC2C2
100.0%	100.0% #BFD4D4	RGB 191 212 212	#BFD4D4

#226B6B #337C7C #488E8E #619F9F #7DB1B1 #9CC2C2 #BFD4D4

#226B6B - #619F9F - #BFD4D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #226B6B 0%, #619F9F 50%, #BFD4D4 100%);
    background: -webkit-linear-gradient(top, #226B6B 0%, #619F9F 50%, #BFD4D4 100%);
    background: linear-gradient(to bottom, #226B6B 0%, #619F9F 50%, #BFD4D4 100%);
}
</style>