#B6E5DA - #4CB9AD | 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 #B6E5DA a #4CB9AD

#B6E5DA #4CB9AD

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

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

0.0%	0.0% #B6E5DA	RGB 182 229 218	#B6E5DA
16.7%	16.7% #A4DDD2	RGB 164 221 210	#A4DDD2
33.3%	33.3% #92D6CB	RGB 146 214 203	#92D6CB
50.0%	50.0% #81CFC3	RGB 129 207 195	#81CFC3
66.7%	66.7% #6FC7BC	RGB 111 199 188	#6FC7BC
83.3%	83.3% #5DC0B4	RGB 93 192 180	#5DC0B4
100.0%	100.0% #4CB9AD	RGB 76 185 173	#4CB9AD

#B6E5DA #A4DDD2 #92D6CB #81CFC3 #6FC7BC #5DC0B4 #4CB9AD

#B6E5DA - #4CB9AD

Mezcla HSV

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

0.0%	0.0% #B6E5DA	RGB 182 229 218	#B6E5DA
16.7%	16.7% #A1DDD0	RGB 161 221 208	#A1DDD0
33.3%	33.3% #8ED6C8	RGB 142 214 200	#8ED6C8
50.0%	50.0% #7CCFC0	RGB 124 207 192	#7CCFC0
66.7%	66.7% #6BC7B9	RGB 107 199 185	#6BC7B9
83.3%	83.3% #5BC0B3	RGB 91 192 179	#5BC0B3
100.0%	100.0% #4CB9AD	RGB 76 185 173	#4CB9AD

#B6E5DA #A1DDD0 #8ED6C8 #7CCFC0 #6BC7B9 #5BC0B3 #4CB9AD

#B6E5DA - #7CCFC0 - #4CB9AD

Códigos CSS

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

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