#B5E3E7 - #4AA2BC | 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 #B5E3E7 a #4AA2BC

#B5E3E7 #4AA2BC

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

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

0.0%	0.0% #B5E3E7	RGB 181 227 231	#B5E3E7
16.7%	16.7% #A3D8DF	RGB 163 216 223	#A3D8DF
33.3%	33.3% #91CDD8	RGB 145 205 216	#91CDD8
50.0%	50.0% #7FC2D1	RGB 127 194 209	#7FC2D1
66.7%	66.7% #6DB7CA	RGB 109 183 202	#6DB7CA
83.3%	83.3% #5BACC3	RGB 91 172 195	#5BACC3
100.0%	100.0% #4AA2BC	RGB 74 162 188	#4AA2BC

#B5E3E7 #A3D8DF #91CDD8 #7FC2D1 #6DB7CA #5BACC3 #4AA2BC

#B5E3E7 - #4AA2BC

Mezcla HSV

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

0.0%	0.0% #B5E3E7	RGB 181 227 231	#B5E3E7
16.7%	16.7% #A0D9DF	RGB 160 217 223	#A0D9DF
33.3%	33.3% #8DCED8	RGB 141 206 216	#8DCED8
50.0%	50.0% #7BC4D1	RGB 123 196 209	#7BC4D1
66.7%	66.7% #69B9CA	RGB 105 185 202	#69B9CA
83.3%	83.3% #59ADC3	RGB 89 173 195	#59ADC3
100.0%	100.0% #4AA2BC	RGB 74 162 188	#4AA2BC

#B5E3E7 #A0D9DF #8DCED8 #7BC4D1 #69B9CA #59ADC3 #4AA2BC

#B5E3E7 - #7BC4D1 - #4AA2BC

Códigos CSS

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

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