#BFF5E7 - #53D1C0 | 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 #BFF5E7 a #53D1C0

#BFF5E7 #53D1C0

Calcule el color entre dos colores, #BFF5E7 y #53D1C0. 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)

#BFF5E7 - #53D1C0 | 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 #BFF5E7 como 0% y #53D1C0 como 100%.

0.0%	0.0% #BFF5E7	RGB 191 245 231	#BFF5E7
16.7%	16.7% #ADEFE0	RGB 173 239 224	#ADEFE0
33.3%	33.3% #9BE9DA	RGB 155 233 218	#9BE9DA
50.0%	50.0% #89E3D3	RGB 137 227 211	#89E3D3
66.7%	66.7% #77DDCD	RGB 119 221 205	#77DDCD
83.3%	83.3% #65D7C6	RGB 101 215 198	#65D7C6
100.0%	100.0% #53D1C0	RGB 83 209 192	#53D1C0

#BFF5E7 #ADEFE0 #9BE9DA #89E3D3 #77DDCD #65D7C6 #53D1C0

#BFF5E7 - #53D1C0

Mezcla HSV

#BFF5E7 - #53D1C0 | 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 #BFF5E7 como 0% y #53D1C0 como 100%.

0.0%	0.0% #BFF5E7	RGB 191 245 231	#BFF5E7
16.7%	16.7% #ABEFDE	RGB 171 239 222	#ABEFDE
33.3%	33.3% #97E9D7	RGB 151 233 215	#97E9D7
50.0%	50.0% #85E3D0	RGB 133 227 208	#85E3D0
66.7%	66.7% #73DDCA	RGB 115 221 202	#73DDCA
83.3%	83.3% #63D7C4	RGB 99 215 196	#63D7C4
100.0%	100.0% #53D1C0	RGB 83 209 192	#53D1C0

#BFF5E7 #ABEFDE #97E9D7 #85E3D0 #73DDCA #63D7C4 #53D1C0

#BFF5E7 - #85E3D0 - #53D1C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFF5E7 0%, #85E3D0 50%, #53D1C0 100%);
    background: -webkit-linear-gradient(top, #BFF5E7 0%, #85E3D0 50%, #53D1C0 100%);
    background: linear-gradient(to bottom, #BFF5E7 0%, #85E3D0 50%, #53D1C0 100%);
}
</style>