#A8C73B - #E6EFC7 | 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 #A8C73B a #E6EFC7

#A8C73B #E6EFC7

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

#A8C73B - #E6EFC7 | 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 #A8C73B como 0% y #E6EFC7 como 100%.

0.0%	0.0% #A8C73B	RGB 168 199 59	#A8C73B
16.7%	16.7% #B2CD52	RGB 178 205 82	#B2CD52
33.3%	33.3% #BCD469	RGB 188 212 105	#BCD469
50.0%	50.0% #C7DB81	RGB 199 219 129	#C7DB81
66.7%	66.7% #D1E198	RGB 209 225 152	#D1E198
83.3%	83.3% #DBE8AF	RGB 219 232 175	#DBE8AF
100.0%	100.0% #E6EFC7	RGB 230 239 199	#E6EFC7

#A8C73B #B2CD52 #BCD469 #C7DB81 #D1E198 #DBE8AF #E6EFC7

#A8C73B - #E6EFC7

Mezcla HSV

#A8C73B - #E6EFC7 | 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 #A8C73B como 0% y #E6EFC7 como 100%.

0.0%	0.0% #A8C73B	RGB 168 199 59	#A8C73B
16.7%	16.7% #B1CD4F	RGB 177 205 79	#B1CD4F
33.3%	33.3% #BBD464	RGB 187 212 100	#BBD464
50.0%	50.0% #C5DB7B	RGB 197 219 123	#C5DB7B
66.7%	66.7% #D0E193	RGB 208 225 147	#D0E193
83.3%	83.3% #DAE8AC	RGB 218 232 172	#DAE8AC
100.0%	100.0% #E6EFC7	RGB 230 239 199	#E6EFC7

#A8C73B #B1CD4F #BBD464 #C5DB7B #D0E193 #DAE8AC #E6EFC7

#A8C73B - #C5DB7B - #E6EFC7

Códigos CSS

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

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