#0FD2FF - #B9F9DA | 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 #0FD2FF a #B9F9DA

#0FD2FF #B9F9DA

Calcule el color entre dos colores, #0FD2FF y #B9F9DA. 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)

#0FD2FF - #B9F9DA | 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 #0FD2FF como 0% y #B9F9DA como 100%.

0.0%	0.0% #0FD2FF	RGB 15 210 255	#0FD2FF
16.7%	16.7% #2BD8F8	RGB 43 216 248	#2BD8F8
33.3%	33.3% #47DFF2	RGB 71 223 242	#47DFF2
50.0%	50.0% #64E5EC	RGB 100 229 236	#64E5EC
66.7%	66.7% #80ECE6	RGB 128 236 230	#80ECE6
83.3%	83.3% #9CF2E0	RGB 156 242 224	#9CF2E0
100.0%	100.0% #B9F9DA	RGB 185 249 218	#B9F9DA

#0FD2FF #2BD8F8 #47DFF2 #64E5EC #80ECE6 #9CF2E0 #B9F9DA

#0FD2FF - #B9F9DA

Mezcla HSV

#0FD2FF - #B9F9DA | 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 #0FD2FF como 0% y #B9F9DA como 100%.

0.0%	0.0% #0ED2FF	RGB 14 210 255	#0ED2FF
16.7%	16.7% #2BEEFE	RGB 43 238 254	#2BEEFE
33.3%	33.3% #48FDF6	RGB 72 253 246	#48FDF6
50.0%	50.0% #65FCE5	RGB 101 252 229	#65FCE5
66.7%	66.7% #81FBDB	RGB 129 251 219	#81FBDB
83.3%	83.3% #9DFAD7	RGB 157 250 215	#9DFAD7
100.0%	100.0% #B9F9DA	RGB 185 249 218	#B9F9DA

#0ED2FF #2BEEFE #48FDF6 #65FCE5 #81FBDB #9DFAD7 #B9F9DA

#0FD2FF - #65FCE5 - #B9F9DA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0ED2FF 0%, #65FCE5 50%, #B9F9DA 100%);
    background: -webkit-linear-gradient(top, #0ED2FF 0%, #65FCE5 50%, #B9F9DA 100%);
    background: linear-gradient(to bottom, #0ED2FF 0%, #65FCE5 50%, #B9F9DA 100%);
}
</style>