#1BADA8 - #BDE7E6 | 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 #1BADA8 a #BDE7E6

#1BADA8 #BDE7E6

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

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

0.0%	0.0% #1BADA8	RGB 27 173 168	#1BADA8
16.7%	16.7% #36B6B2	RGB 54 182 178	#36B6B2
33.3%	33.3% #51C0BC	RGB 81 192 188	#51C0BC
50.0%	50.0% #6CCAC7	RGB 108 202 199	#6CCAC7
66.7%	66.7% #87D3D1	RGB 135 211 209	#87D3D1
83.3%	83.3% #A2DDDB	RGB 162 221 219	#A2DDDB
100.0%	100.0% #BDE7E6	RGB 189 231 230	#BDE7E6

#1BADA8 #36B6B2 #51C0BC #6CCAC7 #87D3D1 #A2DDDB #BDE7E6

#1BADA8 - #BDE7E6

Mezcla HSV

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

0.0%	0.0% #1BADA8	RGB 27 173 168	#1BADA8
16.7%	16.7% #30B6B2	RGB 48 182 178	#30B6B2
33.3%	33.3% #48C0BC	RGB 72 192 188	#48C0BC
50.0%	50.0% #62CAC6	RGB 98 202 198	#62CAC6
66.7%	66.7% #7ED3D1	RGB 126 211 209	#7ED3D1
83.3%	83.3% #9CDDDB	RGB 156 221 219	#9CDDDB
100.0%	100.0% #BDE7E6	RGB 189 231 230	#BDE7E6

#1BADA8 #30B6B2 #48C0BC #62CAC6 #7ED3D1 #9CDDDB #BDE7E6

#1BADA8 - #62CAC6 - #BDE7E6

Códigos CSS

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

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