#B5E5DA - #4AB9AD | 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 #B5E5DA a #4AB9AD

#B5E5DA #4AB9AD

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

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

0.0%	0.0% #B5E5DA	RGB 181 229 218	#B5E5DA
16.7%	16.7% #A3DDD2	RGB 163 221 210	#A3DDD2
33.3%	33.3% #91D6CB	RGB 145 214 203	#91D6CB
50.0%	50.0% #7FCFC3	RGB 127 207 195	#7FCFC3
66.7%	66.7% #6DC7BC	RGB 109 199 188	#6DC7BC
83.3%	83.3% #5BC0B4	RGB 91 192 180	#5BC0B4
100.0%	100.0% #4AB9AD	RGB 74 185 173	#4AB9AD

#B5E5DA #A3DDD2 #91D6CB #7FCFC3 #6DC7BC #5BC0B4 #4AB9AD

#B5E5DA - #4AB9AD

Mezcla HSV

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

0.0%	0.0% #B5E5DA	RGB 181 229 218	#B5E5DA
16.7%	16.7% #A0DDD0	RGB 160 221 208	#A0DDD0
33.3%	33.3% #8DD6C8	RGB 141 214 200	#8DD6C8
50.0%	50.0% #7BCFC0	RGB 123 207 192	#7BCFC0
66.7%	66.7% #69C7B9	RGB 105 199 185	#69C7B9
83.3%	83.3% #59C0B3	RGB 89 192 179	#59C0B3
100.0%	100.0% #4AB9AD	RGB 74 185 173	#4AB9AD

#B5E5DA #A0DDD0 #8DD6C8 #7BCFC0 #69C7B9 #59C0B3 #4AB9AD

#B5E5DA - #7BCFC0 - #4AB9AD

Códigos CSS

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

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