#BCE5E5 - #4CBABB | 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 #BCE5E5 a #4CBABB

#BCE5E5 #4CBABB

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

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

0.0%	0.0% #BCE5E5	RGB 188 229 229	#BCE5E5
16.7%	16.7% #A9DDDE	RGB 169 221 222	#A9DDDE
33.3%	33.3% #96D6D7	RGB 150 214 215	#96D6D7
50.0%	50.0% #84CFD0	RGB 132 207 208	#84CFD0
66.7%	66.7% #71C8C9	RGB 113 200 201	#71C8C9
83.3%	83.3% #5EC1C2	RGB 94 193 194	#5EC1C2
100.0%	100.0% #4CBABB	RGB 76 186 187	#4CBABB

#BCE5E5 #A9DDDE #96D6D7 #84CFD0 #71C8C9 #5EC1C2 #4CBABB

#BCE5E5 - #4CBABB

Mezcla HSV

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

0.0%	0.0% #BCE5E5	RGB 188 229 229	#BCE5E5
16.7%	16.7% #A6DDDE	RGB 166 221 222	#A6DDDE
33.3%	33.3% #92D6D7	RGB 146 214 215	#92D6D7
50.0%	50.0% #7FCFD0	RGB 127 207 208	#7FCFD0
66.7%	66.7% #6DC8C9	RGB 109 200 201	#6DC8C9
83.3%	83.3% #5CC1C2	RGB 92 193 194	#5CC1C2
100.0%	100.0% #4CBABB	RGB 76 186 187	#4CBABB

#BCE5E5 #A6DDDE #92D6D7 #7FCFD0 #6DC8C9 #5CC1C2 #4CBABB

#BCE5E5 - #7FCFD0 - #4CBABB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCE5E5 0%, #7FCFD0 50%, #4CBABB 100%);
    background: -webkit-linear-gradient(top, #BCE5E5 0%, #7FCFD0 50%, #4CBABB 100%);
    background: linear-gradient(to bottom, #BCE5E5 0%, #7FCFD0 50%, #4CBABB 100%);
}
</style>