#BCFDFF - #4FCECE | 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 #BCFDFF a #4FCECE

#BCFDFF #4FCECE

Calcule el color entre dos colores, #BCFDFF y #4FCECE. 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)

#BCFDFF - #4FCECE | 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 #BCFDFF como 0% y #4FCECE como 100%.

0.0%	0.0% #BCFDFF	RGB 188 253 255	#BCFDFF
16.7%	16.7% #A9F5F6	RGB 169 245 246	#A9F5F6
33.3%	33.3% #97EDEE	RGB 151 237 238	#97EDEE
50.0%	50.0% #85E5E6	RGB 133 229 230	#85E5E6
66.7%	66.7% #73DDDE	RGB 115 221 222	#73DDDE
83.3%	83.3% #61D5D6	RGB 97 213 214	#61D5D6
100.0%	100.0% #4FCECE	RGB 79 206 206	#4FCECE

#BCFDFF #A9F5F6 #97EDEE #85E5E6 #73DDDE #61D5D6 #4FCECE

#BCFDFF - #4FCECE

Mezcla HSV

#BCFDFF - #4FCECE | 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 #BCFDFF como 0% y #4FCECE como 100%.

0.0%	0.0% #BCFDFF	RGB 188 253 255	#BCFDFF
16.7%	16.7% #A7F4F6	RGB 167 244 246	#A7F4F6
33.3%	33.3% #93ECEE	RGB 147 236 238	#93ECEE
50.0%	50.0% #81E4E6	RGB 129 228 230	#81E4E6
66.7%	66.7% #6FDDDE	RGB 111 221 222	#6FDDDE
83.3%	83.3% #5ED5D6	RGB 94 213 214	#5ED5D6
100.0%	100.0% #4FCECE	RGB 79 206 206	#4FCECE

#BCFDFF #A7F4F6 #93ECEE #81E4E6 #6FDDDE #5ED5D6 #4FCECE

#BCFDFF - #81E4E6 - #4FCECE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
    background: -webkit-linear-gradient(top, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
    background: linear-gradient(to bottom, #BCFDFF 0%, #81E4E6 50%, #4FCECE 100%);
}
</style>