#00AF93 - #007A55 | 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 #00AF93 a #007A55

#00AF93 #007A55

Calcule el color entre dos colores, #00AF93 y #007A55. 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)

#00AF93 - #007A55 | 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 #00AF93 como 0% y #007A55 como 100%.

0.0%	0.0% #00AF93	RGB 0 175 147	#00AF93
16.7%	16.7% #00A688	RGB 0 166 136	#00A688
33.3%	33.3% #009D7E	RGB 0 157 126	#009D7E
50.0%	50.0% #009474	RGB 0 148 116	#009474
66.7%	66.7% #008B69	RGB 0 139 105	#008B69
83.3%	83.3% #00825F	RGB 0 130 95	#00825F
100.0%	100.0% #007A55	RGB 0 122 85	#007A55

#00AF93 #00A688 #009D7E #009474 #008B69 #00825F #007A55

#00AF93 - #007A55

Mezcla HSV

#00AF93 - #007A55 | 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 #00AF93 como 0% y #007A55 como 100%.

0.0%	0.0% #00AF93	RGB 0 175 147	#00AF93
16.7%	16.7% #00A687	RGB 0 166 135	#00A687
33.3%	33.3% #009D7C	RGB 0 157 124	#009D7C
50.0%	50.0% #009472	RGB 0 148 114	#009472
66.7%	66.7% #008B67	RGB 0 139 103	#008B67
83.3%	83.3% #00825E	RGB 0 130 94	#00825E
100.0%	100.0% #007A55	RGB 0 122 85	#007A55

#00AF93 #00A687 #009D7C #009472 #008B67 #00825E #007A55

#00AF93 - #009472 - #007A55

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AF93 0%, #009472 50%, #007A55 100%);
    background: -webkit-linear-gradient(top, #00AF93 0%, #009472 50%, #007A55 100%);
    background: linear-gradient(to bottom, #00AF93 0%, #009472 50%, #007A55 100%);
}
</style>