#DBF5E7 - #7ECABB | 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 #DBF5E7 a #7ECABB

#DBF5E7 #7ECABB

Calcule el color entre dos colores, #DBF5E7 y #7ECABB. 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)

#DBF5E7 - #7ECABB | 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 #DBF5E7 como 0% y #7ECABB como 100%.

0.0%	0.0% #DBF5E7	RGB 219 245 231	#DBF5E7
16.7%	16.7% #CBEDDF	RGB 203 237 223	#CBEDDF
33.3%	33.3% #BCE6D8	RGB 188 230 216	#BCE6D8
50.0%	50.0% #ACDFD1	RGB 172 223 209	#ACDFD1
66.7%	66.7% #9DD8C9	RGB 157 216 201	#9DD8C9
83.3%	83.3% #8DD1C2	RGB 141 209 194	#8DD1C2
100.0%	100.0% #7ECABB	RGB 126 202 187	#7ECABB

#DBF5E7 #CBEDDF #BCE6D8 #ACDFD1 #9DD8C9 #8DD1C2 #7ECABB

#DBF5E7 - #7ECABB

Mezcla HSV

#DBF5E7 - #7ECABB | 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 #DBF5E7 como 0% y #7ECABB como 100%.

0.0%	0.0% #DBF5E7	RGB 219 245 231	#DBF5E7
16.7%	16.7% #C9EDDC	RGB 201 237 220	#C9EDDC
33.3%	33.3% #B9E6D3	RGB 185 230 211	#B9E6D3
50.0%	50.0% #A9DFCB	RGB 169 223 203	#A9DFCB
66.7%	66.7% #9AD8C5	RGB 154 216 197	#9AD8C5
83.3%	83.3% #8BD1BF	RGB 139 209 191	#8BD1BF
100.0%	100.0% #7ECABB	RGB 126 202 187	#7ECABB

#DBF5E7 #C9EDDC #B9E6D3 #A9DFCB #9AD8C5 #8BD1BF #7ECABB

#DBF5E7 - #A9DFCB - #7ECABB

Códigos CSS

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

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