#5E9C7B - #CCD68F | 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 #5E9C7B a #CCD68F

#5E9C7B #CCD68F

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

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #70A57E	RGB 112 165 126	#70A57E
33.3%	33.3% #82AF81	RGB 130 175 129	#82AF81
50.0%	50.0% #95B985	RGB 149 185 133	#95B985
66.7%	66.7% #A7C288	RGB 167 194 136	#A7C288
83.3%	83.3% #B9CC8B	RGB 185 204 139	#B9CC8B
100.0%	100.0% #CCD68F	RGB 204 214 143	#CCD68F

#5E9C7B #70A57E #82AF81 #95B985 #A7C288 #B9CC8B #CCD68F

#5E9C7B - #CCD68F

Mezcla HSV

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

0.0%	0.0% #5E9C7B	RGB 94 156 123	#5E9C7B
16.7%	16.7% #65A575	RGB 101 165 117	#65A575
33.3%	33.3% #6DAF6F	RGB 109 175 111	#6DAF6F
50.0%	50.0% #82B975	RGB 130 185 117	#82B975
66.7%	66.7% #9AC27D	RGB 154 194 125	#9AC27D
83.3%	83.3% #B2CC86	RGB 178 204 134	#B2CC86
100.0%	100.0% #CCD68F	RGB 204 214 143	#CCD68F

#5E9C7B #65A575 #6DAF6F #82B975 #9AC27D #B2CC86 #CCD68F

#5E9C7B - #82B975 - #CCD68F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9C7B 0%, #82B975 50%, #CCD68F 100%);
    background: -webkit-linear-gradient(top, #5E9C7B 0%, #82B975 50%, #CCD68F 100%);
    background: linear-gradient(to bottom, #5E9C7B 0%, #82B975 50%, #CCD68F 100%);
}
</style>