#5E9973 - #CDD58B | 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 #5E9973 a #CDD58B

#5E9973 #CDD58B

Calcule el color entre dos colores, #5E9973 y #CDD58B. 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)

#5E9973 - #CDD58B | 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 #5E9973 como 0% y #CDD58B como 100%.

0.0%	0.0% #5E9973	RGB 94 153 115	#5E9973
16.7%	16.7% #70A377	RGB 112 163 119	#70A377
33.3%	33.3% #83AD7B	RGB 131 173 123	#83AD7B
50.0%	50.0% #95B77F	RGB 149 183 127	#95B77F
66.7%	66.7% #A8C183	RGB 168 193 131	#A8C183
83.3%	83.3% #BACB87	RGB 186 203 135	#BACB87
100.0%	100.0% #CDD58B	RGB 205 213 139	#CDD58B

#5E9973 #70A377 #83AD7B #95B77F #A8C183 #BACB87 #CDD58B

#5E9973 - #CDD58B

Mezcla HSV

#5E9973 - #CDD58B | 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 #5E9973 como 0% y #CDD58B como 100%.

0.0%	0.0% #5E9973	RGB 94 153 115	#5E9973
16.7%	16.7% #65A36E	RGB 101 163 110	#65A36E
33.3%	33.3% #70AD6C	RGB 112 173 108	#70AD6C
50.0%	50.0% #85B773	RGB 133 183 115	#85B773
66.7%	66.7% #9CC17B	RGB 156 193 123	#9CC17B
83.3%	83.3% #B4CB83	RGB 180 203 131	#B4CB83
100.0%	100.0% #CDD58B	RGB 205 213 139	#CDD58B

#5E9973 #65A36E #70AD6C #85B773 #9CC17B #B4CB83 #CDD58B

#5E9973 - #85B773 - #CDD58B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9973 0%, #85B773 50%, #CDD58B 100%);
    background: -webkit-linear-gradient(top, #5E9973 0%, #85B773 50%, #CDD58B 100%);
    background: linear-gradient(to bottom, #5E9973 0%, #85B773 50%, #CDD58B 100%);
}
</style>