#1AB3A8 - #BDE9E6 | 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 #1AB3A8 a #BDE9E6

#1AB3A8 #BDE9E6

Calcule el color entre dos colores, #1AB3A8 y #BDE9E6. 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)

#1AB3A8 - #BDE9E6 | 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 #1AB3A8 como 0% y #BDE9E6 como 100%.

0.0%	0.0% #1AB3A8	RGB 26 179 168	#1AB3A8
16.7%	16.7% #35BCB2	RGB 53 188 178	#35BCB2
33.3%	33.3% #50C5BC	RGB 80 197 188	#50C5BC
50.0%	50.0% #6BCEC7	RGB 107 206 199	#6BCEC7
66.7%	66.7% #86D7D1	RGB 134 215 209	#86D7D1
83.3%	83.3% #A1E0DB	RGB 161 224 219	#A1E0DB
100.0%	100.0% #BDE9E6	RGB 189 233 230	#BDE9E6

#1AB3A8 #35BCB2 #50C5BC #6BCEC7 #86D7D1 #A1E0DB #BDE9E6

#1AB3A8 - #BDE9E6

Mezcla HSV

#1AB3A8 - #BDE9E6 | 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 #1AB3A8 como 0% y #BDE9E6 como 100%.

0.0%	0.0% #1AB3A8	RGB 26 179 168	#1AB3A8
16.7%	16.7% #30BCB2	RGB 48 188 178	#30BCB2
33.3%	33.3% #48C5BC	RGB 72 197 188	#48C5BC
50.0%	50.0% #62CEC6	RGB 98 206 198	#62CEC6
66.7%	66.7% #7ED7D0	RGB 126 215 208	#7ED7D0
83.3%	83.3% #9CE0DB	RGB 156 224 219	#9CE0DB
100.0%	100.0% #BDE9E6	RGB 189 233 230	#BDE9E6

#1AB3A8 #30BCB2 #48C5BC #62CEC6 #7ED7D0 #9CE0DB #BDE9E6

#1AB3A8 - #62CEC6 - #BDE9E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AB3A8 0%, #62CEC6 50%, #BDE9E6 100%);
    background: -webkit-linear-gradient(top, #1AB3A8 0%, #62CEC6 50%, #BDE9E6 100%);
    background: linear-gradient(to bottom, #1AB3A8 0%, #62CEC6 50%, #BDE9E6 100%);
}
</style>