#CBCC6D - #FCEE9A | 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 #CBCC6D a #FCEE9A

#CBCC6D #FCEE9A

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

#CBCC6D - #FCEE9A | 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 #CBCC6D como 0% y #FCEE9A como 100%.

0.0%	0.0% #CBCC6D	RGB 203 204 109	#CBCC6D
16.7%	16.7% #D3D174	RGB 211 209 116	#D3D174
33.3%	33.3% #DBD77C	RGB 219 215 124	#DBD77C
50.0%	50.0% #E3DD83	RGB 227 221 131	#E3DD83
66.7%	66.7% #EBE28B	RGB 235 226 139	#EBE28B
83.3%	83.3% #F3E892	RGB 243 232 146	#F3E892
100.0%	100.0% #FCEE9A	RGB 252 238 154	#FCEE9A

#CBCC6D #D3D174 #DBD77C #E3DD83 #EBE28B #F3E892 #FCEE9A

#CBCC6D - #FCEE9A

Mezcla HSV

#CBCC6D - #FCEE9A | 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 #CBCC6D como 0% y #FCEE9A como 100%.

0.0%	0.0% #CBCC6D	RGB 203 204 109	#CBCC6D
16.7%	16.7% #D4D273	RGB 212 210 115	#D4D273
33.3%	33.3% #DCD87B	RGB 220 216 123	#DCD87B
50.0%	50.0% #E4DD82	RGB 228 221 130	#E4DD82
66.7%	66.7% #ECE38A	RGB 236 227 138	#ECE38A
83.3%	83.3% #F4E891	RGB 244 232 145	#F4E891
100.0%	100.0% #FCEE9A	RGB 252 238 154	#FCEE9A

#CBCC6D #D4D273 #DCD87B #E4DD82 #ECE38A #F4E891 #FCEE9A

#CBCC6D - #E4DD82 - #FCEE9A

Códigos CSS

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

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