#DBF0DA - #8AD78D | 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 #DBF0DA a #8AD78D

#DBF0DA #8AD78D

Calcule el color entre dos colores, #DBF0DA y #8AD78D. 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)

#DBF0DA - #8AD78D | 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 #DBF0DA como 0% y #8AD78D como 100%.

0.0%	0.0% #DBF0DA	RGB 219 240 218	#DBF0DA
16.7%	16.7% #CDEBCD	RGB 205 235 205	#CDEBCD
33.3%	33.3% #C0E7C0	RGB 192 231 192	#C0E7C0
50.0%	50.0% #B2E3B3	RGB 178 227 179	#B2E3B3
66.7%	66.7% #A5DFA6	RGB 165 223 166	#A5DFA6
83.3%	83.3% #97DB99	RGB 151 219 153	#97DB99
100.0%	100.0% #8AD78D	RGB 138 215 141	#8AD78D

#DBF0DA #CDEBCD #C0E7C0 #B2E3B3 #A5DFA6 #97DB99 #8AD78D

#DBF0DA - #8AD78D

Mezcla HSV

#DBF0DA - #8AD78D | 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 #DBF0DA como 0% y #8AD78D como 100%.

0.0%	0.0% #DBF0DA	RGB 219 240 218	#DBF0DA
16.7%	16.7% #CCEBCB	RGB 204 235 203	#CCEBCB
33.3%	33.3% #BEE7BD	RGB 190 231 189	#BEE7BD
50.0%	50.0% #B0E3B0	RGB 176 227 176	#B0E3B0
66.7%	66.7% #A3DFA3	RGB 163 223 163	#A3DFA3
83.3%	83.3% #96DB98	RGB 150 219 152	#96DB98
100.0%	100.0% #8AD78D	RGB 138 215 141	#8AD78D

#DBF0DA #CCEBCB #BEE7BD #B0E3B0 #A3DFA3 #96DB98 #8AD78D

#DBF0DA - #B0E3B0 - #8AD78D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBF0DA 0%, #B0E3B0 50%, #8AD78D 100%);
    background: -webkit-linear-gradient(top, #DBF0DA 0%, #B0E3B0 50%, #8AD78D 100%);
    background: linear-gradient(to bottom, #DBF0DA 0%, #B0E3B0 50%, #8AD78D 100%);
}
</style>