#00B9D3 - #BCFFD8 | 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 #00B9D3 a #BCFFD8

#00B9D3 #BCFFD8

Calcule el color entre dos colores, #00B9D3 y #BCFFD8. 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)

#00B9D3 - #BCFFD8 | 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 #00B9D3 como 0% y #BCFFD8 como 100%.

0.0%	0.0% #00B9D3	RGB 0 185 211	#00B9D3
16.7%	16.7% #1FC4D3	RGB 31 196 211	#1FC4D3
33.3%	33.3% #3ED0D4	RGB 62 208 212	#3ED0D4
50.0%	50.0% #5EDCD5	RGB 94 220 213	#5EDCD5
66.7%	66.7% #7DE7D6	RGB 125 231 214	#7DE7D6
83.3%	83.3% #9CF3D7	RGB 156 243 215	#9CF3D7
100.0%	100.0% #BCFFD8	RGB 188 255 216	#BCFFD8

#00B9D3 #1FC4D3 #3ED0D4 #5EDCD5 #7DE7D6 #9CF3D7 #BCFFD8

#00B9D3 - #BCFFD8

Mezcla HSV

#00B9D3 - #BCFFD8 | 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 #00B9D3 como 0% y #BCFFD8 como 100%.

0.0%	0.0% #00B9D3	RGB 0 185 211	#00B9D3
16.7%	16.7% #1AD9DA	RGB 26 217 218	#1AD9DA
33.3%	33.3% #37E1CE	RGB 55 225 206	#37E1CE
50.0%	50.0% #55E9C7	RGB 85 233 199	#55E9C7
66.7%	66.7% #76F0C5	RGB 118 240 197	#76F0C5
83.3%	83.3% #98F7CB	RGB 152 247 203	#98F7CB
100.0%	100.0% #BCFFD8	RGB 188 255 216	#BCFFD8

#00B9D3 #1AD9DA #37E1CE #55E9C7 #76F0C5 #98F7CB #BCFFD8

#00B9D3 - #55E9C7 - #BCFFD8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B9D3 0%, #55E9C7 50%, #BCFFD8 100%);
    background: -webkit-linear-gradient(top, #00B9D3 0%, #55E9C7 50%, #BCFFD8 100%);
    background: linear-gradient(to bottom, #00B9D3 0%, #55E9C7 50%, #BCFFD8 100%);
}
</style>